如何用動(dòng)態(tài)面板制作下拉菜單（Axure RP8 教程）

本文主要目的何用是教會(huì )小白使用動(dòng)態(tài)面板實(shí)現菜單的下拉與收回操作，用動(dòng)態(tài)面(mian)板的動(dòng)態(tài)多狀態(tài)切換來(lái)實(shí)現菜單的下拉與收起。

動(dòng)態(tài)??面板是面板??Axure RP 8中的一款高級組件，在隱藏與顯示、制作滑動(dòng)效果 、下拉拖動(dòng)效果、菜單程多狀態(tài)效果切換等操作的何用場(chǎng)景中，動(dòng)態(tài)面板是動(dòng)態(tài)你的不二選擇。

完成后效果如下圖，面板該例子主要依靠動(dòng)態(tài)面板的制作狀態(tài)切換來(lái)實(shí)現菜單狀態(tài)的下拉與???收起，在后臺管理系統中普遍運用到。下拉

菜單的菜單程下拉與收起效果：

1.從部件庫拉四個(gè)動(dòng)態(tài)面板到操作區組合在一(╬?益?)起

2. 雙擊選中動(dòng)態(tài)面板，動(dòng)態(tài)命名面板名稱(chēng)并且添加兩個(gè)狀態(tài)，面板分別命名為“狀態(tài)1”與“狀態(tài)2”.

3. 雙擊“狀態(tài)1”，添加矩形(xing)并且命名為目錄一

4. 雙擊“狀態(tài)2”編輯其狀態(tài)

5. 復制狀態(tài)1的矩形并且添加三個(gè)矩形作為子目錄，并且分別命名為“子目錄1，2 , 3”。

6. 回到Home頁(yè)，目錄已經(jīng)被編輯好。

7. 按照編輯動(dòng)態(tài)面板1的步驟??把下面三個(gè)面板依次命名，接下來(lái)為目錄一添加用例。

9. 回到Home，則目錄一的用例1已近建立完畢，選擇更多事件，選擇更多事件。

10. 選擇鼠標移出時(shí)，為實(shí)現收起效果。

11. 按照圖??中操作依次實(shí)現的效果為：鼠標移開(kāi)目錄一時(shí)，會(huì )??由(╯°□°）╯︵ ┻━┻狀態(tài)2變展開(kāi)成狀態(tài)1。

12.(′?｀) 目錄一的下拉與收起用例都已近創(chuàng )建完畢。

13. 按照目錄一的方法創(chuàng )建目錄二的下拉和收起用ヽ(′ー｀)ノ例