最近在學(xué)習(xí)Axure的基礎(chǔ)教程，在網(wǎng)上看到了很多例子，整理了一下分享給大家~

第一種方法

（1）首先在面板上畫(huà)幾個(gè)矩形，大小一樣排列好。

（2）把A1、A2、A3設(shè)為動(dòng)態(tài)面板，取名p1；同樣B1、B2、B3；C1、C2、C3分別取名為p2、p3。

（3）給導(dǎo)航欄A設(shè)置動(dòng)作，導(dǎo)航欄對(duì)應(yīng)正確的動(dòng)態(tài)面板。導(dǎo)航欄B導(dǎo)航欄C同理設(shè)置好。

（4）這樣就大功告成了，很簡(jiǎn)單的一種方法。

第二種方法

（1）第二種方法不同的地方是導(dǎo)航欄會(huì)發(fā)生變化，同樣先畫(huà)幾個(gè)矩形。

（2）把導(dǎo)航欄A、A1、A2、A3設(shè)為動(dòng)態(tài)面板。注意：不單單是下面的子菜單，是整個(gè)一塊設(shè)為動(dòng)態(tài)面板。導(dǎo)航欄B、C一樣轉(zhuǎn)換成動(dòng)態(tài)面板，分別取名p1、p2、p3。

（3）雙擊p1，面板狀態(tài)管理。把state1改名為展開(kāi)狀態(tài)。在點(diǎn)擊+號(hào)按鈕，新添一項(xiàng)，取名為收起狀態(tài)。p2，p3同理。

（4）雙擊打開(kāi)收起狀態(tài)，在面板中畫(huà)一個(gè)導(dǎo)航欄A一樣的矩形。

（5）給動(dòng)態(tài)面板p1設(shè)置動(dòng)作，選擇狀態(tài)那里選擇“Next”。

（6）來(lái)看下效果，可以看到導(dǎo)航欄A收起的時(shí)候變成收起狀態(tài)了。

2種方法不同的地方是第一種不改變主菜單的樣式，第二種改變樣式。產(chǎn)品小白第一次發(fā)帖，如有不足的地方還請(qǐng)各位多多指教。

本文由 @七彩螺旋蒲公英 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議