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