Axure RP 8怎么給網(wǎng)頁添加多選列表框?
發(fā)布時間：2017-07-19 16:42:02 作者：佚名 
我要評論
我要評論Axure RP 8怎么給網(wǎng)頁添加多選列表框？Axure RP 8設(shè)計網(wǎng)頁的時候需要添加多選列表框，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
今天我們來看看Axure RP 8設(shè)計多選列表框的方法，很簡單，下面我們就來看看詳細(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è)計可以多選的下拉列表框的過程以及效果，喜歡的朋友可以關(guān)注腳本之家。
相關(guān)推薦：
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?
相關(guān)文章
Axure RP 8怎么設(shè)置頁面彈出框居中顯示？Axure RP 8設(shè)計網(wǎng)頁的時候，想要合設(shè)計一個居中顯示的彈框，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-13
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果?
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果？Axure使用復(fù)選框的時候，但是卻只想實(shí)現(xiàn)單選效果，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-06- Axure RP打開后鼠標(biāo)不能使用該怎么辦？在使用Axure RP的時候，發(fā)現(xiàn)打開以后鼠標(biāo)無法使用，不能動了，該怎么辦呢？下面我們就來看看這個問題的解決辦法，需要的朋友可以參考2017-07-05
Axure8怎么刪除中繼器? Axure8中繼器的山中刪除方法
Axure8怎么刪除中繼器？Axure8中想要是哪出中繼器，該怎么刪除呢？下面我們就來看看Axure8中繼器的山中刪除方法，需要的朋友可以參考下2017-07-03
Axure怎么使用動態(tài)面板制作banner圖片輪播?
Axure怎么使用動態(tài)面板制作banner圖片輪播？Axure中想要做一個網(wǎng)站banner圖片輪播，該怎么制作這個效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-30
Axure怎么設(shè)計一個左側(cè)二級導(dǎo)航切換效果?
Axure怎么設(shè)計一個左側(cè)二級導(dǎo)航切換效果？Axure中設(shè)計網(wǎng)頁原型很簡單，想要設(shè)計一個點(diǎn)主導(dǎo)長就出現(xiàn)二級導(dǎo)航的下過，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友2017-06-30
Axure RP怎么實(shí)現(xiàn)提示框懸停功能?
Axure RP怎么實(shí)現(xiàn)提示框懸停功能？Axure設(shè)計網(wǎng)頁的時候，想要實(shí)現(xiàn)提示框懸停功能，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-27
axure8.0怎么使用元件庫及母版？axure8.0中想要創(chuàng)建一個產(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
