Axure RP 8怎么給網(wǎng)頁添加多選列表框?

今天我們來看看Axure RP 8設(shè)計(jì)多選列表框的方法,很簡單,下面我們就來看看詳細(xì)的教程。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大小:90.5MB
- 語言:簡體中文
- 時(shí)間:2018-05-24
1、雙擊打開Axure RP 8工具,在元件庫找到矩形,在圖表中找到向下的圖標(biāo),拖入到畫布中,如圖:
2、將向下的圖標(biāo)放矩形中,形成類似下拉列表框的樣子,如圖:
3、在元件庫中找到矩形、復(fù)選框,將復(fù)選框放置在矩形中,并組合,如圖:
4、給矩形組合中的“請選擇”添加鼠標(biāo)單擊事件,鼠標(biāo)單擊時(shí)隱藏組合,如圖
5、給矩形和復(fù)選框的組合添加鼠標(biāo)移出時(shí)事件和失去焦點(diǎn)時(shí)事件,鼠標(biāo)移出和失去焦點(diǎn)時(shí)隱藏矩形和復(fù)選框的組合
6、給第一個(gè)矩形,即向下的圖標(biāo)所在的矩形設(shè)置鼠標(biāo)點(diǎn)擊事件,鼠標(biāo)點(diǎn)擊時(shí)顯示下面矩形和復(fù)選框的組合
7、將矩形和復(fù)選框的組合移動(dòng)至第一個(gè)矩形,使其剛好覆蓋,設(shè)置組合為隱藏
效果圖:
上面就是使用Axure RP 8 設(shè)計(jì)可以多選的下拉列表框的過程以及效果,喜歡的朋友可以關(guān)注腳本之家。
相關(guān)推薦:
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?
相關(guān)文章
- Axure RP 8怎么設(shè)置頁面彈出框居中顯示?Axure RP 8設(shè)計(jì)網(wǎng)頁的時(shí)候,想要合設(shè)計(jì)一個(gè)居中顯示的彈框,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-07-13
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果?
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果?Axure使用復(fù)選框的時(shí)候,但是卻只想實(shí)現(xiàn)單選效果,該怎么實(shí)現(xiàn)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-07-06- Axure RP打開后鼠標(biāo)不能使用該怎么辦?在使用Axure RP的時(shí)候,發(fā)現(xiàn)打開以后鼠標(biāo)無法使用,不能動(dòng)了,該怎么辦呢?下面我們就來看看這個(gè)問題的解決辦法,需要的朋友可以參考2017-07-05
Axure8怎么刪除中繼器? Axure8中繼器的山中刪除方法
Axure8怎么刪除中繼器?Axure8中想要是哪出中繼器,該怎么刪除呢?下面我們就來看看Axure8中繼器的山中刪除方法,需要的朋友可以參考下2017-07-03Axure怎么使用動(dòng)態(tài)面板制作banner圖片輪播?
Axure怎么使用動(dòng)態(tài)面板制作banner圖片輪播?Axure中想要做一個(gè)網(wǎng)站banner圖片輪播,該怎么制作這個(gè)效果呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-06-30Axure怎么設(shè)計(jì)一個(gè)左側(cè)二級導(dǎo)航切換效果?
Axure怎么設(shè)計(jì)一個(gè)左側(cè)二級導(dǎo)航切換效果?Axure中設(shè)計(jì)網(wǎng)頁原型很簡單,想要設(shè)計(jì)一個(gè)點(diǎn)主導(dǎo)長就出現(xiàn)二級導(dǎo)航的下過,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友2017-06-30Axure RP怎么實(shí)現(xiàn)提示框懸停功能?
Axure RP怎么實(shí)現(xiàn)提示框懸停功能?Axure設(shè)計(jì)網(wǎng)頁的時(shí)候,想要實(shí)現(xiàn)提示框懸停功能,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-06-27- axure8.0怎么使用元件庫及母版?axure8.0中想要?jiǎng)?chuàng)建一個(gè)產(chǎn)品原型,可以直接使用元件庫和母版實(shí)現(xiàn),下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-06-27
- Axure RP兩份文件怎么合并成一份?有兩份Axure文件,想要將兩份文件合并在一起,該怎么合并呢?下面我們就來看看詳細(xì)的教程,很簡單,,要的朋友可以參考下2017-06-27
- Axure RP 8輸入框中怎么顯示日期?Axure RP 8中繪制的輸入框除了顯示文本、密碼等,還可以顯示日期,下面我們就來看看設(shè)置顯示日期的教程,需要的朋友可以參考下2017-06-08