axure怎么制作下拉多選部門的控件?

axure中想要制作一個下拉多選部門的控件,可以應用在企業管理或者BPM相關流程等場景,例如選擇只給保安部門的人發消防通知,該怎么制作呢?下面我們就來看看詳細的教程。

1、拖入一個下拉列表框到面板中央,標簽名為:部門選擇;文章源自四五設計網-http://www.133122.cn/37778.html

axure怎么制作下拉多選部門的控件?-1文章源自四五設計網-http://www.133122.cn/37778.html

2、分別拖入一個灰底box,以及多個復選框;復選框排列成樹狀層次結構文章源自四五設計網-http://www.133122.cn/37778.html

axure怎么制作下拉多選部門的控件?-2文章源自四五設計網-http://www.133122.cn/37778.html

axure怎么制作下拉多選部門的控件?-3文章源自四五設計網-http://www.133122.cn/37778.html

3、把灰底box和復選框排列在一起,全選做成一個組合,命名為“下拉選項”;把組合“下拉選項”和“部門選擇”下拉列表框排列在一起;拖入一個熱區,放在下拉列表框上方;文章源自四五設計網-http://www.133122.cn/37778.html

axure怎么制作下拉多選部門的控件?-4文章源自四五設計網-http://www.133122.cn/37778.html

axure怎么制作下拉多選部門的控件?-5文章源自四五設計網-http://www.133122.cn/37778.html

4、把組合“下拉選項”設置為隱藏文章源自四五設計網-http://www.133122.cn/37778.html

axure怎么制作下拉多選部門的控件?-6文章源自四五設計網-http://www.133122.cn/37778.html

5、對熱區設置交互如下:新增用例“鼠標單擊時”,設置組合“下拉選項”的“可見性”為“切換”;這個用例的意思就是,鼠標點擊一次時,如果組合為隱藏,則點擊后為可見;如果組合為可見,則點擊后隱藏。

axure怎么制作下拉多選部門的控件?-7

6、點擊F5運行axure,可在瀏覽器上看見交互效果,點擊下拉框后,顯示部門多選列表,可多選部門。

axure怎么制作下拉多選部門的控件?-8

axure怎么制作下拉多選部門的控件?-9

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

我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號
 
  • 本文由 四五設計網小助手 發表于 2023年12月15日10:49:46
  • 轉載請務必保留本文鏈接:http://www.133122.cn/37778.html

發表評論

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

拖動滑塊以完成驗證