axure怎么制作下拉多選部門(mén)的控件?

  • A+
所屬分類(lèi):百科知識(shí)

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

1、拖入一個(gè)下拉列表框到面板中央,標(biāo)簽名為:部門(mén)選擇;

axure怎么制作下拉多選部門(mén)的控件?

2、分別拖入一個(gè)灰底box,以及多個(gè)復(fù)選框;復(fù)選框排列成樹(shù)狀層次結(jié)構(gòu)

axure怎么制作下拉多選部門(mén)的控件?

axure怎么制作下拉多選部門(mén)的控件?

3、把灰底box和復(fù)選框排列在一起,全選做成一個(gè)組合,命名為“下拉選項(xiàng)”;把組合“下拉選項(xiàng)”和“部門(mén)選擇”下拉列表框排列在一起;拖入一個(gè)熱區(qū),放在下拉列表框上方;

axure怎么制作下拉多選部門(mén)的控件?

axure怎么制作下拉多選部門(mén)的控件?

4、把組合“下拉選項(xiàng)”設(shè)置為隱藏

axure怎么制作下拉多選部門(mén)的控件?

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

axure怎么制作下拉多選部門(mén)的控件?

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

axure怎么制作下拉多選部門(mén)的控件?

axure怎么制作下拉多選部門(mén)的控件?

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

歷史上的今天:

推薦應(yīng)用

發(fā)表評(píng)論

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