今天我們來看看Axure RP 8設(shè)計(jì)多選列表框的方法,很簡單,下面我們就來看看詳細(xì)的教程。
1、雙擊打開Axure RP 8工具,在元件庫找到矩形,在圖表中找到向下的圖標(biāo),拖入到畫布中,如圖:
2、將向下的圖標(biāo)放矩形中,形成類似下拉列表框的樣子,如圖:
3、在元件庫中找到矩形、復(fù)選框,將復(fù)選框放置在矩形中,并組合,如圖:
4、給矩形組合中的“請選擇”添加鼠標(biāo)單擊事件,鼠標(biāo)單擊時隱藏組合,如圖
5、給矩形和復(fù)選框的組合添加鼠標(biāo)移出時事件和失去焦點(diǎn)時事件,鼠標(biāo)移出和失去焦點(diǎn)時隱藏矩形和復(fù)選框的組合
6、給第一個矩形,即向下的圖標(biāo)所在的矩形設(shè)置鼠標(biāo)點(diǎn)擊事件,鼠標(biāo)點(diǎn)擊時顯示下面矩形和復(fù)選框的組合
7、將矩形和復(fù)選框的組合移動至第一個矩形,使其剛好覆蓋,設(shè)置組合為隱藏
效果圖:
上面就是使用Axure RP 8 設(shè)計(jì)可以多選的下拉列表框的過程以及效果,喜歡的朋友可以關(guān)注錯新站長站。
相關(guān)推薦:
axure怎么給文字設(shè)置跑馬燈效果?
Axure RP 8怎么給下拉列表框添加多個值?
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?
新聞熱點(diǎn)
疑難解答
圖片精選