axure设计下拉多部门控件的详细流程介绍

时间:2019-06-13 11:32:15 作者: wangxixi
Axure RP Pro
软件大小: 34.9MB
更新时间: 2024-03-04 17:06:23
所属分类: 办公工具
查看详情

 想知道axure中设计下拉多部门控件的操作方法吗?你们可以跟随小编一起去下文看看axure设计下拉多部门控件的详细流程介绍。 

 我们需要先打开axure软件,拖入一个下拉列表框到面板中央,标签名为:部门选择; 

1.png

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

2.png
3.png

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

4.png

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

5.png

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

6.png

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

7.png
8.png

 根据上文讲解的axure设计下拉多部门控件的详细流程介绍,你们是不是都学会了呀! 

相关推荐
AI桌面浏览器

热文推荐

  • 48小时热文
  • 每周热文

axure设计下拉多部门控件的详细流程介绍

立即下载

Axure RP Pro