axure中想要制作一個(gè)下拉多選部門的控件，可以應(yīng)用在企業(yè)管理或者BPM相關(guān)流程等場(chǎng)景，例如選擇只給保安部門的人發(fā)消防通知，該怎么制作呢？下面我們就來看看詳細(xì)的教程。

1、拖入一個(gè)下拉列表框到面板中央，標(biāo)簽名為:部門選擇；文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

2、分別拖入一個(gè)灰底box,以及多個(gè)復(fù)選框；復(fù)選框排列成樹狀層次結(jié)構(gòu)；文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

3、把灰底box和復(fù)選框排列在一起，全選做成一個(gè)組合，命名為“下拉選項(xiàng)”；把組合“下拉選項(xiàng)”和“部門選擇”下拉列表框排列在一起；拖入一個(gè)熱區(qū)，放在下拉列表框上方；文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

4、把組合“下拉選項(xiàng)”設(shè)置為隱藏文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.wasochina.com/37778.html

5、對(duì)熱區(qū)設(shè)置交互如下：新增用例“鼠標(biāo)單擊時(shí)”，設(shè)置組合“下拉選項(xiàng)”的“可見性”為“切換”；這個(gè)用例的意思就是，鼠標(biāo)點(diǎn)擊一次時(shí)，如果組合為隱藏，則點(diǎn)擊后為可見；如果組合為可見，則點(diǎn)擊后隱藏。

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

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