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

在Axure rp中如何设置列表选中项

时间:2024-10-23 17:25:54

在下拉列表框和列表框中通常会用到设置指定列表项行为,接下来对两个下拉列表框联动进行简要介绍。

工具/原料

电脑

Axurerp

方法/步骤

1、拖一个下拉列表框元件,命名为name,双击它,单击新增多个,输入item值,如下图所示:

在Axure rp中如何设置列表选中项

2、再拖一个下拉列表框元件,命名为rank

在Axure rp中如何设置列表选中项

3、往rank下拉列表中新增元素:第一名、第二名和第三名。

在Axure rp中如何设置列表选中项

4、在用例编辑中点击添加条件,对条件进行设置,选中项值选择等于小红

在Axure rp中如何设置列表选中项

在Axure rp中如何设置列表选中项

5、在用例编辑中,左侧添加动作中选择设置列表选中项,右侧选择rank下拉列表框,选项中选择第一名。

在Axure rp中如何设置列表选中项

6、再新增一个用例,添加条件中选中项值等于小虎,在添加动作选项中选择第二名。

在Axure rp中如何设置列表选中项

7、再新增一个用例,添加条件中选中项值等于小明,在添加动作选项中选择第三名。

在Axure rp中如何设置列表选中项

8、按F5查看预览效果,选小红,名次列表对应第一名;选小明,名次列表对应第三名。

在Axure rp中如何设置列表选中项

© 一点知识