axure中想要制作一個下拉多選部門的控件,可以應用在企業管理或者BPM相關流程等場景,例如選擇只給保安部門的人發消防通知,該怎么制作呢?下面我們就來看看詳細的教程。
1、拖入一個下拉列表框到面板中央,標簽名為:部門選擇;文章源自四五設計網-http://www.133122.cn/37778.html
文章源自四五設計網-http://www.133122.cn/37778.html
2、分別拖入一個灰底box,以及多個復選框;復選框排列成樹狀層次結構;文章源自四五設計網-http://www.133122.cn/37778.html
文章源自四五設計網-http://www.133122.cn/37778.html
文章源自四五設計網-http://www.133122.cn/37778.html
3、把灰底box和復選框排列在一起,全選做成一個組合,命名為“下拉選項”;把組合“下拉選項”和“部門選擇”下拉列表框排列在一起;拖入一個熱區,放在下拉列表框上方;文章源自四五設計網-http://www.133122.cn/37778.html
文章源自四五設計網-http://www.133122.cn/37778.html
文章源自四五設計網-http://www.133122.cn/37778.html
4、把組合“下拉選項”設置為隱藏文章源自四五設計網-http://www.133122.cn/37778.html
文章源自四五設計網-http://www.133122.cn/37778.html
5、對熱區設置交互如下:新增用例“鼠標單擊時”,設置組合“下拉選項”的“可見性”為“切換”;這個用例的意思就是,鼠標點擊一次時,如果組合為隱藏,則點擊后為可見;如果組合為可見,則點擊后隱藏。
6、點擊F5運行axure,可在瀏覽器上看見交互效果,點擊下拉框后,顯示部門多選列表,可多選部門。
以上就是axure制作下拉多選控件的教程,希望大家喜歡。


評論