zl程序教程

您现在的位置是:首页 >  其它

当前栏目

Axure 动态面板实现弹出框效果

实现 动态 效果 面板 弹出 axure
2023-09-27 14:25:17 时间



           今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的。拿出来share下~


          如图:当我点击删除button后,假设用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,假设不要删除,则点击取消。




              首先描写叙述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,还有一个是隐藏弹窗体。


    



   以下是弹出对话框的两个状态的设计:



     


     隐藏状态的动态面板设置为空白。这样当切换到这个状态时就看不到不论什么东西。



    



    然后为删除button加入用例:


 

     




 

  注意。这里是当发生单击事件的时候弹出动态面板,所以选择的面板状态为“显示弹出框”状态;






    


     这样。显示弹出框就做好了,为了实现点击取消后隐藏功能,我们还有为取消button加入单击事件。然后事件中选择“隐藏弹出框”状态。

 

这样,利用动态面板的状态切换,就实现了原型图中的弹出框功能。


    今天是第一次用原型工具画界面,中间突然就想到了EA。感觉自己的软件开发之路会越来越规范化而且easy!