养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何利用Axure RP 8设计出下拉框和输入框联动

时间:2024-11-12 17:33:57

AxureRP8设计软件中有输入丸泸尺鸢框和下拉框两种组件,可以根据下拉框中的值确定输入框的值,在下拉框值改变时输入框的值也发生改变。下面利用一个详细实例说明这个联动关系,操作如下:

如何利用Axure RP 8设计出下拉框和输入框联动

工具/原料

AxureRP8

截图工具

浏览器

方法/步骤

1、第一步,双击打开AxureRP8设计原型工具,在表单原件中找到文本框,拖曳一个到画布上水貔藻疽,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

2、第二步,再次在表单元件中找到下拉列表框,拖曳到画布上,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

3、第三步,选中下拉列表框,选择“编辑列表项”,打开窗口,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

4、第四步,点击“添加多个”按钮,打开输入选项值,输入值之后保存,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

5、第五步,设置下拉框选项值默认为第一项,设置完毕后查看效果,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

6、第六步,选择“下拉框”,选中“选项改变时”事件,设置文本框的值为下拉框选中的值,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

© 一点知识