Axure RP 9 for Mac是一款交互式原型設(shè)計(jì)神器，使用axure rp9以最佳的方式展示您的作品，優(yōu)化現(xiàn)代瀏覽器并為現(xiàn)代工作流程設(shè)計(jì)。如何利用Axure快速創(chuàng)建動態(tài)面板制作左側(cè)下拉菜單導(dǎo)航欄？

一、插入動態(tài)面板

首先插入一個動態(tài)面板，并命名為【左側(cè)菜單】。如下圖

在動態(tài)面板【左側(cè)菜單】中繼續(xù)插入一個動態(tài)面板，命名【網(wǎng)格中心】。在【網(wǎng)格中心】動態(tài)面板中復(fù)制出兩個狀態(tài)，分別命名為「收起」和「展開」，在收起中插入一級菜單名稱，展開中插入一級和二級菜單名稱。如下圖

二、設(shè)置交互

接下來，選擇交互方式：鼠標(biāo)或手指單擊時—設(shè)置面板狀態(tài)，目標(biāo)元件選擇當(dāng)前原件，狀態(tài)選擇下一個，勾選從最后一個到第一個自動循環(huán)，點(diǎn)開更多選項(xiàng)：勾選展開/收起原件，選擇線性50毫秒，點(diǎn)擊完成就OK了。如下圖

三、調(diào)整動態(tài)面板屬性

最后，也是最重要的一步，選中剛剛創(chuàng)建的一級菜單【網(wǎng)格中心】，點(diǎn)擊鼠標(biāo)右鍵勾選調(diào)整大小以適合內(nèi)容，這時候菜單的展開和收起的交互已經(jīng)做好了，想要設(shè)置多個菜單的話按照操作步驟以此類推，也可以直接復(fù)制。如下圖

調(diào)整一下位置顏色和文字大小就完成了，最終效果展示如下圖