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

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

1、拖入一个下拉列表框到面板中央,标签名为:部门选择;文章源自设计学徒自学网-https://www.sx1c.com/37743.html

axure怎么制作下拉多选部门的控件? -1文章源自设计学徒自学网-https://www.sx1c.com/37743.html

2、分别拖入一个灰底box,以及多个复选框;复选框排列成树状层次结构文章源自设计学徒自学网-https://www.sx1c.com/37743.html

axure怎么制作下拉多选部门的控件? -2文章源自设计学徒自学网-https://www.sx1c.com/37743.html

axure怎么制作下拉多选部门的控件? -3文章源自设计学徒自学网-https://www.sx1c.com/37743.html

3、把灰底box和复选框排列在一起,全选做成一个组合,命名为“下拉选项”;把组合“下拉选项”和“部门选择”下拉列表框排列在一起;拖入一个热区,放在下拉列表框上方;文章源自设计学徒自学网-https://www.sx1c.com/37743.html

axure怎么制作下拉多选部门的控件? -4文章源自设计学徒自学网-https://www.sx1c.com/37743.html

axure怎么制作下拉多选部门的控件? -5文章源自设计学徒自学网-https://www.sx1c.com/37743.html

4、把组合“下拉选项”设置为隐藏文章源自设计学徒自学网-https://www.sx1c.com/37743.html

axure怎么制作下拉多选部门的控件? -6文章源自设计学徒自学网-https://www.sx1c.com/37743.html

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

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

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

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

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

以上就是axure制作下拉多选控件的教程,希望大家喜欢。

我的微信
微信扫一扫
weinxin
我的微信
惠生活福利社
微信扫一扫
weinxin
我的公众号
 
设计学徒自学网
  • 本文由 设计学徒自学网 发表于 2023年12月15日10:50:01
  • 转载请务必保留本文链接:https://www.sx1c.com/37743.html
    本站展示的所有图文软件均来自于互联网,仅用于软件学习研究分享传递,请勿商用,本站如有侵权请联系客服删除。
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证