首页 > 代码库 > Axure 动态面板实现弹出框效果
Axure 动态面板实现弹出框效果
今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的,拿出来share下~
如图:当我点击删除按钮后,如果用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,如果不要删除,则点击取消;
首先描述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,另一个是隐藏弹窗口。
下面是弹出对话框的两个状态的设计:
隐藏状态的动态面板设置为空白,这样当切换到这个状态时就看不到任何东西。
然后为删除按钮添加用例:
注意,这里是当发生单击事件的时候弹出动态面板,所以选择的面板状态为“显示弹出框”状态;
这样,显示弹出框就做好了,为了实现点击取消后隐藏功能,我们还有为取消按钮添加单击事件,然后事件中选择“隐藏弹出框”状态;
这样,利用动态面板的状态切换,就实现了原型图中的弹出框功能。
今天是第一次用原型工具画界面,中间突然就想到了EA,感觉自己的软件开发之路会越来越规范化并且easy!
Axure 动态面板实现弹出框效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。