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

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

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語言:簡體中文
- 時(shí)間:2018-05-24
1、拖入一個(gè)下拉列表框到面板中央,標(biāo)簽名為:部門選擇;
2、分別拖入一個(gè)灰底box,以及多個(gè)復(fù)選框;復(fù)選框排列成樹狀層次結(jié)構(gòu);
3、把灰底box和復(fù)選框排列在一起,全選做成一個(gè)組合,命名為“下拉選項(xiàng)”;把組合“下拉選項(xiàng)”和“部門選擇”下拉列表框排列在一起;拖入一個(gè)熱區(qū),放在下拉列表框上方;
4、把組合“下拉選項(xiàng)”設(shè)置為隱藏
5、對熱區(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制作下拉多選控件的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?
相關(guān)文章
- Axure RP怎么制作彈出菜單的效果?Axure中制作網(wǎng)頁原型很簡單,想要制作一個(gè)彈出式的菜單,該怎么弄制作這個(gè)效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-06-26
- Axure圖片交互樣式有哪些?Axure中圖片交互樣式種類挺多的,今天我們就來一一介紹關(guān)于圖片交互樣式的簡單知識(shí),需要的朋友可以參考下2018-06-19
Axure菜單導(dǎo)航怎么添加鼠標(biāo)選中變色的特效?
Axure菜單導(dǎo)航怎么添加選中變色的特效?Axure中制作的導(dǎo)航菜單,想要添加一些特效,比如鼠標(biāo)經(jīng)過選中時(shí)背景顏色發(fā)生變化,下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2018-06-15- Axure怎么制作鐘表秒針旋轉(zhuǎn)的效果?Axure中想要制作一個(gè)指針秒表轉(zhuǎn)動(dòng)的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-06-11
- Axure怎么繪制流程圖?Axure中想要畫一個(gè)流程圖,該怎么畫流程圖呢?下面我們就來看看Axure畫流程圖的教程,需要的朋友可以參考下2018-05-30
- Axure焦點(diǎn)元件怎么制作?Axure中的元件想要添加焦點(diǎn),該怎么將焦點(diǎn)聚集到元件中呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-05-30
- Axure流程圖怎么添加連接線?Axure中繪制的流程圖需要添加連接線,該怎么添加呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-05-24
Axure元件怎么創(chuàng)建跳轉(zhuǎn)鏈接?
Axure元件怎么創(chuàng)建跳轉(zhuǎn)鏈接?Axure元件需要添加跳轉(zhuǎn)鏈接,該怎么添加這個(gè)功能呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-05-24- Axure元件怎么任意改變形狀?Axure元件庫中有很多元件,想要改變元件的形狀,該怎么操作呢?下面我們就來看看Axure元件改變形狀的教程,需要的朋友可以參考下2018-05-18
- Axure怎么制作上下滑動(dòng)的頁面原型?Axure中想要設(shè)計(jì)一個(gè)上下滾動(dòng)的頁面,該怎么制作這個(gè)頁面呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-05-17