突發(fā)奇想要做一個推拉菜單效果，但是axure更新后，一直才發(fā)現(xiàn)有些功能更新了。研究了一下，網(wǎng)上沒找到系統(tǒng)的制作流程。本篇文章在axure9環(huán)境里，系統(tǒng)講解一下。

步驟一：拖拽一個矩形至頁面，調(diào)整好尺寸，填充為黑色，設(shè)置名稱：一級菜單；可以多復制幾個，填寫為二級菜單。

步驟二：全選三個二級菜單，點擊右鍵，選擇轉(zhuǎn)換為動態(tài)面板，并設(shè)置為隱藏。

步驟三：選中一級菜單，為一級菜單設(shè)置交互：切換、向下滑動顯示（時間：250）、向上滑動顯示、推動和拉動元件。

步驟四：為了點擊效果，可以為原件設(shè)置鼠標滑入效果。

步驟五：如果菜單比較多的話，可以多復制幾個。

這樣一個推拉菜單就制作完成啦！展示效果可以視情況做一些交互優(yōu)化。

小提示：

• 同一個一級菜單低下，同時只能有一個菜單被選中，可以把同一個一級菜單下的二級菜單全部選中，右鍵選擇設(shè)置成選項組。
• 如設(shè)置一級菜單只能有一個同時選中，需要修改顯示方式才能完成這個效果。

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

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