axure怎么制作下拉多选部门的控件?

axure中想要制作一个下拉多选部门的控件,可以应用在企业管理或者BPM相关流程等场景,例如选择只给保安部门的人发消防通知,该怎么制作呢?下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1破解版 中文汉化破解版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

1、拖入一个下拉列表框到面板中央,标签名为:部门选择;

axure怎么制作下拉多选部门的控件?_第1张图片

2、分别拖入一个灰底box,以及多个复选框;复选框排列成树状层次结构

axure怎么制作下拉多选部门的控件?_第2张图片

axure怎么制作下拉多选部门的控件?_第3张图片

3、把灰底box和复选框排列在一起,全选做成一个组合,命名为“下拉选项”;把组合“下拉选项”和“部门选择”下拉列表框排列在一起;拖入一个热区,放在下拉列表框上方;

axure怎么制作下拉多选部门的控件?_第4张图片

axure怎么制作下拉多选部门的控件?_第5张图片

4、把组合“下拉选项”设置为隐藏

axure怎么制作下拉多选部门的控件?_第6张图片

5、对热区设置交互如下:新增用例“鼠标单击时”,设置组合“下拉选项”的“可见性”为“切换”;这个用例的意思就是,鼠标点击一次时,如果组合为隐藏,则点击后为可见;如果组合为可见,则点击后隐藏。

axure怎么制作下拉多选部门的控件?_第7张图片

6、点击F5运行axure,可在浏览器上看见交互效果,点击下拉框后,显示部门多选列表,可多选部门。

axure怎么制作下拉多选部门的控件?_第8张图片

axure怎么制作下拉多选部门的控件?_第9张图片

以上就是axure制作下拉多选控件的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure RP 8怎么创建下拉框?

Axure RP 8怎么给下拉列表框添加多个值?

Axure RP 8怎么制作按钮控制下拉框选项?

你可能感兴趣的:(axure怎么制作下拉多选部门的控件?)