Auxre RP怎么给下拉框绑定事件?
axure rp是一款比较常用的原型界面工具,在利用该工具进行原型设计时,我们肯定会想尽可能的将网页效果展示出来。下拉框是经常要用到的一个工具,在代码实现过程中经常会根据下拉框值改变而显示不同的内容。本文将分享经验,在axure rp工具中当下拉框内容改变时,将如何显示不同的内容。
1、我日常工作中使用的是axure rp8.0,并且已经安装了汉化包,详细版本信息如下 截图,在使用的过程中如果版本不一样,菜单会有些差异,但是操作步骤基本上是可以借鉴的。
2、正常打开axure rp8.0工具,如下图,创建一个新的rp文件 。
3、从左边元件库中拖动一个下拉列表框和一个按钮到面板上,按钮是用来展示效果用的,开发者可以根据实际的项目需求在面板上增加对应的值。
4、双击下拉列表框,弹出编辑列表选项对话框,在对话框中添加2个列表选项,我这只是为了演示效果,随便增加了一些,实际开发过程中请根据项目需求添加列表选项。
5、选中下拉列表框,双击右侧视图中的“选项改变时”用例,会弹出“用例编辑”窗口,为下拉框增加用例。如下图所示。
6、点击“用例名称”旁边的“添加条件”,弹出“条件设立”对话框,在对话框中配置条件,如下图说明中所示。
7、条件配置好后,点确定关闭“条件设立”对话框,然后在条件中增加用例,如下图截图中设置,目的是实现当下拉框选项选中为“显示”时,提交按钮就显示。点击确定退出用例1 的编辑。
8、参照第六步,再次增加用例2,条件中设置当下拉框的值等于“隐藏”时,如下效果图所示,点击确定退出“条件设立”对话框。
9、在用例编辑页面设定当下拉框内容等于“隐藏”的时候,隐藏提交按钮控件,界面如下截图所示。
10、在完成以上动作后,点击预览,在浏览器中就可以看到实际效果了。
上一篇: 如何查看电脑的内存
下一篇: 5个现象分析解决主板电源短路的原因