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

1、先把自定義的下拉菜單樣式設計好,注意組件結構

2、批量編輯子選項按鈕的懸停,點擊和選中的樣式
1)批量選中所有按鈕
2)點擊右側面板的交互樣式中的鼠標懸停
3)編輯自定義按鈕樣式
用同樣的方法,設置下拉框的交互樣式

3、把選項和背景一起設為動態(tài)面板,并命名“下拉選項-01”,命名最好在后面帶幾個數字,因為這樣在后面使用到該組件的時候方便搜索使用

4、設置點擊下拉框時的選中狀態(tài),并根據選中的狀態(tài)來決定下來菜單是否顯示和箭頭的上下狀態(tài)。
1)單擊下拉框,切換其選中狀態(tài)。

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


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

2)把選中的下來選項回顯在下拉框上。這里使用axure函數變量[[This.text]]來設置


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

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

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

以上就是AXURE下拉菜單的制作方法,希望大家喜歡,請繼續(xù)關注腳本之家。
相關推薦:
相關文章

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












