AXURE RP 8怎么設(shè)置下拉菜單? AXURE下拉菜單的制作方法
axure中想要制作下拉菜單,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程。
先看效果

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類(lèi)型:輔助設(shè)計(jì)
- 大小:90.5MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-05-24

1、先把自定義的下拉菜單樣式設(shè)計(jì)好,注意組件結(jié)構(gòu)

2、批量編輯子選項(xiàng)按鈕的懸停,點(diǎn)擊和選中的樣式
1)批量選中所有按鈕
2)點(diǎn)擊右側(cè)面板的交互樣式中的鼠標(biāo)懸停
3)編輯自定義按鈕樣式
用同樣的方法,設(shè)置下拉框的交互樣式

3、把選項(xiàng)和背景一起設(shè)為動(dòng)態(tài)面板,并命名“下拉選項(xiàng)-01”,命名最好在后面帶幾個(gè)數(shù)字,因?yàn)檫@樣在后面使用到該組件的時(shí)候方便搜索使用

4、設(shè)置點(diǎn)擊下拉框時(shí)的選中狀態(tài),并根據(jù)選中的狀態(tài)來(lái)決定下來(lái)菜單是否顯示和箭頭的上下?tīng)顟B(tài)。
1)單擊下拉框,切換其選中狀態(tài)。

2)設(shè)置選中時(shí)的樣式和狀態(tài):顯示下拉選項(xiàng)面板+箭頭向下(這里建議用絕對(duì)值),同樣的方法,設(shè)置下拉菜單的取消選中時(shí)的狀態(tài)樣式。


5、設(shè)置點(diǎn)擊選項(xiàng)時(shí)的效果
1)下拉選項(xiàng)面板收起,其實(shí)就是讓下拉框處于取消選擇狀態(tài)

2)把選中的下來(lái)選項(xiàng)回顯在下拉框上。這里使用axure函數(shù)變量[[This.text]]來(lái)設(shè)置


6、設(shè)置好后,就可以復(fù)用了。右鍵交互事件Case 1復(fù)制(Ctrl+c),然后反擊下面兩個(gè)選項(xiàng),一個(gè)一個(gè)粘貼(Ctrl+v).

7、到這里基本就差不多了,最后,把下拉選項(xiàng)動(dòng)態(tài)面板隱藏。

8、再把這個(gè)組件設(shè)為動(dòng)態(tài)面板,然后勾選“自動(dòng)調(diào)整為內(nèi)容尺寸”,這樣的好處時(shí)隱藏掉的部分,不再占用空間,更有利于原型的排版。但是有一點(diǎn),這樣做的話(huà),顯示隱藏時(shí)的推拉組件功能會(huì)對(duì)動(dòng)態(tài)面板外的組件失效。

以上就是AXURE下拉菜單的制作方法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure中怎么為網(wǎng)站制作聯(lián)動(dòng)下拉菜單?
Axure怎么制作頁(yè)面滾動(dòng)時(shí)菜單固定在頂部的頁(yè)面?
相關(guān)文章

Axure RP 8.1最新漢化破解安裝詳細(xì)教程(附漢化包下載)
Axure RP8中文版是一個(gè)專(zhuān)業(yè)的快速原型設(shè)計(jì)工具,能夠高效率制作產(chǎn)品原型,快速繪制線(xiàn)框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等,下面就帶來(lái)了Axure RP 8.1最新漢化破2017-12-20
AxureRP怎么制作草圖/頁(yè)面效果? Axure頁(yè)面草圖設(shè)置方法
AxureRP怎么制作草圖/頁(yè)面效果?Axure中想要制作一個(gè)頁(yè)面效果,該怎么制作呢?下面我們就來(lái)看看Axure頁(yè)面草圖設(shè)置方法,需要的朋友可以參考下2018-05-07
Axure RP 8怎么設(shè)計(jì)有漂亮圖標(biāo)的樹(shù)狀菜單?
Axure RP 8怎么設(shè)計(jì)有漂亮圖標(biāo)的樹(shù)狀菜單?Axure中設(shè)計(jì)的樹(shù)狀菜單為了更美觀,想要添加漂亮的圖標(biāo),該怎么添加呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-03-19
Axure RP 8怎么使用中繼器實(shí)現(xiàn)自增效果?
Axure RP 8怎么使用中繼器實(shí)現(xiàn)自增效果?Axure RP 8中想要實(shí)現(xiàn)點(diǎn)擊按鈕數(shù)據(jù)自動(dòng)+1的效果,該怎么實(shí)現(xiàn)呢?我們可以使用中繼器實(shí)現(xiàn)自增的效果,需要的朋友可以參考下2018-01-25
Axure RP 8怎么顯示網(wǎng)格? Axure網(wǎng)格輔助線(xiàn)樣式的設(shè)置方法
Axure RP 8怎么顯示網(wǎng)格? Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,可以顯示網(wǎng)格,使用輔助線(xiàn)和柵格實(shí)現(xiàn)就可以了,下面我們就來(lái)看看Axure網(wǎng)格輔助線(xiàn)樣式的設(shè)置方法,需要的朋友可以參2018-01-23
Axure RP 8怎么使用日期函數(shù)獲取年月日時(shí)分秒數(shù)據(jù)?
Axure RP 8怎么獲取年月日時(shí)分秒數(shù)據(jù)?Axure RP 8中想要設(shè)計(jì)一個(gè)可以獲得年月日時(shí)分秒數(shù)據(jù)的功能,該怎么獲得呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-22
Axure RP 8怎么添加表格并添加統(tǒng)計(jì)功能?
Axure RP 8怎么添加表格并添加統(tǒng)計(jì)功能?Axure RP 8中想要繪制表格填充數(shù)據(jù)并添加統(tǒng)計(jì)功能,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-22
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?想要制作一個(gè)輸入密碼時(shí)候顯示密碼或者顯示星號(hào)的效果,如果點(diǎn)擊明文按鈕就顯示密碼,點(diǎn)擊暗文就顯示星號(hào),該怎么實(shí)現(xiàn)呢?2018-01-18
Axure RP 8對(duì)象怎么組合和取消組合?Axure RP 8中的元素需要組合到一起,該怎么組合或者取消組合呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-17
Axure RP 8.1企業(yè)版漢化破解安裝授權(quán)圖文詳細(xì)教程(附注冊(cè)授權(quán)碼)
Axure RP 8.1是一款功能非常強(qiáng)大的專(zhuān)業(yè)原型設(shè)計(jì)工具,那么,Axure RP 8.1怎么安裝?以及Axure RP 8.1如何漢化破解呢?對(duì)此,本文就為大家?guī)?lái)了Axure RP 8.1企業(yè)版漢化破解2018-06-12











