集册 Axure RP 指南 制作自定义的下拉菜单

制作自定义的下拉菜单

—— 制作用户自定义的下拉菜单

欢马劈雪     最近更新时间:2020-08-04 05:37:59

763

把菜单装换成动态面板

image

首先打开AxureFlyoutMenu.rp,然后打开 Flyout Menu 页面。

选中内容和右键单击,然后选择 Convert to Dynamic Panel。标记这个面板为 MenuFlyout。

定位部件到导航项目下

image

移动菜单直至导航按钮刚好在菜单之上。

隐藏菜单

image

在样式表中将 Hidden 复选框选中,隐藏菜单。

添加 OnMouseEnter 事件

image

选中 Men 这个导航按钮,然后双击 OnMouseEnter 事件。

选中显示面板的动作

image

在事例编辑器中,选中 Show/Hide 动作。

选中面板中的 Treat as Flyout

image

选中 FlyoutMenu 然后在下拉列表中选中 Treat as Flyout。

预览你的原型然后去测试吧。