http://wiki.jikexueyuan.com/project/axure/images/flyoutmenu1.png" alt="image" />
首先打開AxureFlyoutMenu.rp,然后打開 Flyout Menu 頁面。
選中內(nèi)容和右鍵單擊,然后選擇 Convert to Dynamic Panel。標(biāo)記這個(gè)面板為 MenuFlyout。
http://wiki.jikexueyuan.com/project/axure/images/flyoutmenu2.png" alt="image" />
移動(dòng)菜單直至導(dǎo)航按鈕剛好在菜單之上。
http://wiki.jikexueyuan.com/project/axure/images/flyoutmenu3.png" alt="image" />
在樣式表中將 Hidden 復(fù)選框選中,隱藏菜單。
http://wiki.jikexueyuan.com/project/axure/images/flyoutmenu4.png" alt="image" />
選中 Men 這個(gè)導(dǎo)航按鈕,然后雙擊 OnMouseEnter 事件。
http://wiki.jikexueyuan.com/project/axure/images/flyoutmenu5.png" alt="image" />
在事例編輯器中,選中 Show/Hide 動(dòng)作。
http://wiki.jikexueyuan.com/project/axure/images/flyoutmenu6.png" alt="image" />
選中 FlyoutMenu 然后在下拉列表中選中 Treat as Flyout。
預(yù)覽你的原型然后去測試吧。