Axur制作折疊菜單教程:
1.準備組件打開Axure新文件，拉出壹個矩形，w為200px，h為40px，顏色值為#333333。在矩形中輸入“壹級菜單”，然後命名為“壹級菜單”；
拖動成矩形，同樣w為200px，h為40px，顏色值改為#FFFFFF(純白)，在矩形中輸入“選項1”；
將“選項1”復制兩份，分別命名為“選項2”和“選項3”。
完成以上動作後，就可以得到演示了。看圖:
好了，做完了就開始第二步吧~
第二，設置交互樣式(1)。選擇“選項1、2、3”全部，右鍵交互樣式設置，選擇鼠標懸停_填充顏色_顏色值#F2F2F2，然後選擇_填充顏色_顏色值#E4E4E4。
如圖所示:
(2)繼續選擇“選項1、2、3”，右鍵設置選項組名稱，命名為“選項”，選擇“選項1”，右鍵選中(默認選中)完成。
完成以上設置後，繼續下壹步~
三、設置交互用例(1)選擇“選項1”，鼠標點擊時set _ Select _ Select此為真，點擊確定。(選項2和3同上，復制粘貼即可)。
完成以上設置後，我們的選項可以根據效果進行點擊切換:
(2)選擇“選項1、2、3”，右鍵轉換成動態面板，命名為“選項”，點擊隱藏面板。
(3)設置“壹級菜單”，設置鼠標點擊_設置面板狀態_可見性:切換，動畫:顯示時向下/隱藏時向上，動畫:線性，250毫秒，掛鉤在上面，掛鉤在推組件上，方向向下，動畫:線性，250毫秒。
這就完了。為了防止大家設置錯誤，下面放壹張設置的圖片:
附上另壹張效果圖:
完成以上制作後，我們會看到這只是壹個單菜單，我們可以把多個折疊菜單復制在壹起。
4.高級(1)選擇所有組件和動態面板_右鍵組合，然後我們將它們復制粘貼n個，排列如下:
(2)用戶在前面設置“推送元素”的時候我們已經設置好了，後面就不需要設置了。但是我們之前所做的，我們將“選項1”設置為默認選中狀態，這裏又復制了兩個，所以我們需要從復制的兩個“選項1”中去掉默認選中狀態。
設定後，繼續看效果:
以上是關於“Axure如何做折疊菜單？”我分享了的所有內容，謝謝妳的閱讀，希望妳能從中有所收獲！更多Axure操作技巧，閱讀更多Axure文章！當然，如果妳想更清晰、更專業地學習Axure技能，那麽我建議妳去上Axure視頻課程！省時省力，快速全面學習Axure原型交互設計~