欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Auxre RP怎么给下拉框绑定事件?

程序员文章站 2023-03-05 16:23:14
Auxre RP怎么给下拉框绑定事件?...

axure rp是一款比较常用的原型界面工具,在利用该工具进行原型设计时,我们肯定会想尽可能的将网页效果展示出来。下拉框是经常要用到的一个工具,在代码实现过程中经常会根据下拉框值改变而显示不同的内容。本文将分享经验,在axure rp工具中当下拉框内容改变时,将如何显示不同的内容。

1、我日常工作中使用的是axure rp8.0,并且已经安装了汉化包,详细版本信息如下 截图,在使用的过程中如果版本不一样,菜单会有些差异,但是操作步骤基本上是可以借鉴的。

Auxre RP怎么给下拉框绑定事件?

2、正常打开axure rp8.0工具,如下图,创建一个新的rp文件 。

Auxre RP怎么给下拉框绑定事件?

3、从左边元件库中拖动一个下拉列表框和一个按钮到面板上,按钮是用来展示效果用的,开发者可以根据实际的项目需求在面板上增加对应的值。

Auxre RP怎么给下拉框绑定事件?

4、双击下拉列表框,弹出编辑列表选项对话框,在对话框中添加2个列表选项,我这只是为了演示效果,随便增加了一些,实际开发过程中请根据项目需求添加列表选项。

Auxre RP怎么给下拉框绑定事件?

5、选中下拉列表框,双击右侧视图中的“选项改变时”用例,会弹出“用例编辑”窗口,为下拉框增加用例。如下图所示。

Auxre RP怎么给下拉框绑定事件?

6、点击“用例名称”旁边的“添加条件”,弹出“条件设立”对话框,在对话框中配置条件,如下图说明中所示。

Auxre RP怎么给下拉框绑定事件?

7、条件配置好后,点确定关闭“条件设立”对话框,然后在条件中增加用例,如下图截图中设置,目的是实现当下拉框选项选中为“显示”时,提交按钮就显示。点击确定退出用例1 的编辑。

Auxre RP怎么给下拉框绑定事件?

8、参照第六步,再次增加用例2,条件中设置当下拉框的值等于“隐藏”时,如下效果图所示,点击确定退出条件设立”对话框。

Auxre RP怎么给下拉框绑定事件?

9、在用例编辑页面设定当下拉框内容等于“隐藏”的时候,隐藏提交按钮控件,界面如下截图所示。

Auxre RP怎么给下拉框绑定事件?

10、在完成以上动作后,点击预览,在浏览器中就可以看到实际效果了。

相关标签: Auxre