起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識Axure9教程：如何做推拉菜單效果
突發奇想要做一個推拉菜單效果，但是axure更新后，一直才發現有些功能更新了。研究了一下，網上沒找到系統的制作流程。本篇文章在axure9環境里，系統講解一下。
步驟一：拖拽一個矩形至頁面，調整好尺寸，填充為黑色，設置名稱：一級菜單；可以多復制幾個，填寫為二級菜單。
步驟二：全選三個二級菜單，點擊右鍵，選擇轉換為動態面板，并設置為隱藏。
步驟三：選中一級菜單，為一級菜單設置交互：切換、向下滑動顯示（時間：250）、向上滑動顯示、推動和拉動元件。
步驟四：為了點擊效果，可以為原件設置鼠標滑入效果。
步驟五：如果菜單比較多的話，可以多復制幾個。
這樣一個推拉菜單就制作完成啦！展示效果可以視情況做一些交互優化。
小提示：
- 同一個一級菜單低下，同時只能有一個菜單被選中，可以把同一個一級菜單下的二級菜單全部選中，右鍵選擇設置成選項組。
- 如設置一級菜單只能有一個同時選中，需要修改顯示方式才能完成這個效果。
本文由 @蘇志 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
初學者
評論
右鍵沒有轉換為動態面板的按鈕?。吭趺床僮?。
右鍵最后一個，如果沒有需要更新軟件了
為啥做了，推拉時偶爾出現錯亂
我也有這種困惑
??不要執著于效果了
3級菜單欄有辦法做推拉嗎？
QT菜單？
從最底層開始做，例如你第三層就是底層，那就第三層開始設置動態模板，一層一層套，實驗過了可以
可以的，不過沒必要，把時間用在需求調研分析上比較好