如何使用Axure RP设计软件控制列表框显示选中值

 时间:2024-09-26 04:29:52

AxureRP工具包含了很多组件,嘀芟苒疾有输入框、多选框、单选框、列表框、下拉框等。其中,列表框是可以展示多个项目,可以单选,也可以多选。下面利用一个实颖蓟段扛例说明列表框选中的值,输入框显示对应的值,操作如下:

如何使用Axure RP设计软件控制列表框显示选中值

工具/原料

AxureRP

截图工具

浏览器

方法/步骤

1、第一步,双击打开AxureRP设计工具,在“表单元件”找到“列表框”,拖动一个到主页面上水貔藻疽,如下图所示:

如何使用Axure RP设计软件控制列表框显示选中值

2、第二步,选中列表框对象,鼠标右键选择“编辑列表项”,给列表框添加多个子项,如下图所示:

如何使用Axure RP设计软件控制列表框显示选中值

3、第三步,默认勾选列表框中的第一个子项,可以允许选中多个选项,如下图所示:

如何使用Axure RP设计软件控制列表框显示选中值

4、第四步,然后点击“确定”按钮,这时列表框显示添加的多个子项,如下图所示:

如何使用Axure RP设计软件控制列表框显示选中值

5、第五步,在列表框下方添加一个输入框,让它的宽度跟列表框的一致,如下图所示:

如何使用Axure RP设计软件控制列表框显示选中值

6、第六步,选中列表框对象,添加用例;设置输入框显示的内容,若选中列表框中的子项,相应的显示在诶受祗错输入框中,如下图所示:

如何使用Axure RP设计软件控制列表框显示选中值

axure实现手机左右滑动 Axure 9 如何设置中继器单选中效果 Axure如何利用中继器实现数据的自动传输? Axure RP 如何实现下拉框二级联动效果 axure如何为中继器填充数据
热门搜索
嘿咻图片 男生动漫头像 色咧漫画 女生头像动漫 羞羞漫画免费阅读全集