AXURE RP 8怎么設(shè)置下拉菜單? AXURE下拉菜單的制作方法
我要評論axure中想要制作下拉菜單，該怎么制作呢？下面我們就來看看詳細(xì)的教程。
先看效果
原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型：輔助設(shè)計
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時間：2018-05-24
1、先把自定義的下拉菜單樣式設(shè)計好，注意組件結(jié)構(gòu)
2、批量編輯子選項按鈕的懸停，點擊和選中的樣式
1）批量選中所有按鈕
2）點擊右側(cè)面板的交互樣式中的鼠標(biāo)懸停
3）編輯自定義按鈕樣式
用同樣的方法，設(shè)置下拉框的交互樣式
3、把選項和背景一起設(shè)為動態(tài)面板，并命名“下拉選項-01”，命名最好在后面帶幾個數(shù)字，因為這樣在后面使用到該組件的時候方便搜索使用
4、設(shè)置點擊下拉框時的選中狀態(tài)，并根據(jù)選中的狀態(tài)來決定下來菜單是否顯示和箭頭的上下狀態(tài)。
1）單擊下拉框，切換其選中狀態(tài)。
2）設(shè)置選中時的樣式和狀態(tài)：顯示下拉選項面板+箭頭向下（這里建議用絕對值），同樣的方法，設(shè)置下拉菜單的取消選中時的狀態(tài)樣式。
5、設(shè)置點擊選項時的效果
1）下拉選項面板收起，其實就是讓下拉框處于取消選擇狀態(tài)
2）把選中的下來選項回顯在下拉框上。這里使用axure函數(shù)變量[[This.text]]來設(shè)置
6、設(shè)置好后，就可以復(fù)用了。右鍵交互事件Case 1復(fù)制（Ctrl+c），然后反擊下面兩個選項，一個一個粘貼（Ctrl+v）.
7、到這里基本就差不多了，最后，把下拉選項動態(tài)面板隱藏。
8、再把這個組件設(shè)為動態(tài)面板，然后勾選“自動調(diào)整為內(nèi)容尺寸”，這樣的好處時隱藏掉的部分，不再占用空間，更有利于原型的排版。但是有一點，這樣做的話，顯示隱藏時的推拉組件功能會對動態(tài)面板外的組件失效。
以上就是AXURE下拉菜單的制作方法，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure中怎么為網(wǎng)站制作聯(lián)動下拉菜單?
相關(guān)文章
Axure RP 8.1最新漢化破解安裝詳細(xì)教程(附漢化包下載)
Axure RP8中文版是一個專業(yè)的快速原型設(shè)計工具，能夠高效率制作產(chǎn)品原型，快速繪制線框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等，下面就帶來了Axure RP 8.1最新漢化破2017-12-20
AxureRP怎么制作草圖/頁面效果? Axure頁面草圖設(shè)置方法
AxureRP怎么制作草圖/頁面效果？Axure中想要制作一個頁面效果，該怎么制作呢？下面我們就來看看Axure頁面草圖設(shè)置方法，需要的朋友可以參考下2018-05-07
Axure RP 8怎么設(shè)計有漂亮圖標(biāo)的樹狀菜單?
Axure RP 8怎么設(shè)計有漂亮圖標(biāo)的樹狀菜單？Axure中設(shè)計的樹狀菜單為了更美觀，想要添加漂亮的圖標(biāo)，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-03-19
Axure RP 8怎么使用中繼器實現(xiàn)自增效果?
Axure RP 8怎么使用中繼器實現(xiàn)自增效果？Axure RP 8中想要實現(xiàn)點擊按鈕數(shù)據(jù)自動+1的效果，該怎么實現(xiàn)呢？我們可以使用中繼器實現(xiàn)自增的效果，需要的朋友可以參考下2018-01-25
Axure RP 8怎么顯示網(wǎng)格? Axure網(wǎng)格輔助線樣式的設(shè)置方法
Axure RP 8怎么顯示網(wǎng)格？ Axure RP 8設(shè)計網(wǎng)頁的時候，可以顯示網(wǎng)格，使用輔助線和柵格實現(xiàn)就可以了，下面我們就來看看Axure網(wǎng)格輔助線樣式的設(shè)置方法，需要的朋友可以參2018-01-23
Axure RP 8怎么使用日期函數(shù)獲取年月日時分秒數(shù)據(jù)?
Axure RP 8怎么獲取年月日時分秒數(shù)據(jù)？Axure RP 8中想要設(shè)計一個可以獲得年月日時分秒數(shù)據(jù)的功能，該怎么獲得呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-22
Axure RP 8怎么添加表格并添加統(tǒng)計功能?
Axure RP 8怎么添加表格并添加統(tǒng)計功能?Axure RP 8中想要繪制表格填充數(shù)據(jù)并添加統(tǒng)計功能，該怎么實現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-22
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號?
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號？想要制作一個輸入密碼時候顯示密碼或者顯示星號的效果，如果點擊明文按鈕就顯示密碼，點擊暗文就顯示星號，該怎么實現(xiàn)呢？2018-01-18
Axure RP 8對象怎么組合和取消組合？Axure RP 8中的元素需要組合到一起，該怎么組合或者取消組合呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-17
Axure RP 8.1企業(yè)版漢化破解安裝授權(quán)圖文詳細(xì)教程(附注冊授權(quán)碼)
Axure RP 8.1是一款功能非常強(qiáng)大的專業(yè)原型設(shè)計工具，那么，Axure RP 8.1怎么安裝？以及Axure RP 8.1如何漢化破解呢？對此，本文就為大家?guī)砹薃xure RP 8.1企業(yè)版漢化破解2018-06-12
