產品設計菜單欄是很常見的操作，而對於很多新手小夥伴而言，制作壹個抽屜菜單可能是比較困難的！因此，接下來將教大家怎麽使用Axure制作壹個抽屜菜單！如果妳打算自學Axure原型設計的話，推薦的Axure自學視頻課，專業講師傳授知識點，可以0基礎學會軟件功能操作以及動手實操~
Axure抽屜菜單制作方法：
1、先將整個的背景顏色調為淺灰色，之後拉入壹個動態面板，並調整自己想要的大小尺寸，在屬性設置中將動態面板設置為自動調整為內容尺寸，然後雙擊該動態面板，將該動態面板命名為“菜單1”，再添加壹個狀態，分別命名為收起和展開。
2、點擊收起，拉入壹個矩形，將尺寸設置為動態面板尺寸後，把矩形命名為“菜單1收起”並設置文字為菜單1，把填充顏色設為白色，拉入壹個下拉箭頭的圖片，調整尺寸，將兩個元件進行組合，勾選組合的允許觸發鼠標交互。
3、添加“菜單1收起”的鼠標懸停和選中的交互樣式，分別把字體顏色為藍色，填充顏色為淺灰色。
4、為“菜單1收起”添加鼠標點擊的用例，將面板狀態設置為展開，並選中推動/拉動元件。
5、將“菜單1收起”內容復制到動態面板的展開狀態頁面，把下拉圖片換成上拉，將矩形的名稱改為“菜單1展開”，同時將鼠標點擊的交互的面板狀態設為收起。
6、將“菜單1展開”復制，粘貼壹次作為子菜單並對應修改名稱和文字為子菜單1（註意復制的時候不要復制到了組合），修改鼠標的點擊用例，選中當前元件。
7、復制粘貼子菜單，然後分別修改對應的名稱和文字。
這樣整個動態面板的設置就完成拉，這僅僅只是壹個菜單，我們可以將該動態面板多復制粘貼幾次，這樣就能形成多個菜單了。
經過預覽，發現還有壹個問題——那就是點擊壹個子菜單之後再點擊壹個子菜單，發現兩個子菜單都是選中狀態，這時候我們就需要進行接下來的步驟進行完善他。
8、隨便拉入壹個原件，將名稱命名為輔助且背景填充的透明度改為透明，添加隱藏用例，將所有的子菜單的選中狀態都設為未選中。
9、修改所有的子菜單的鼠標點擊用例，先隱藏輔助視圖，然後再設置當前元件的選中狀態，最後顯示輔助視圖（如果壹開始就知道有這壹步，可以先添加輔助視圖，然後直接在步驟6的時候直接設置對應的用例，就不用後期壹個個子菜單進行修改）。
以上就是關於“Axure抽屜菜單怎麽制作？”的內容分享了，希望能夠幫到妳！更多Axure精彩分享，盡在Axure相關文章！Axure因其能夠快速、高效的創建原型，備受眾多產品設計人員所使用！對於想要快速學會Axure原型設計的小夥伴，就可以選擇精選的Axure自學視頻課！不要猶豫，選擇合適的課程開始學習體驗吧~