×
关于

核心训练

准备开始页面操作部件库和 Masters建立交互引入动态面板条件、值和变量

从头开始

电子商务网站手机上展示的原型

原型设计基础指南

按钮的交互显示隐藏部件用户自定义 Tooltip导航菜单

Masters 指南

上一页/下一页链接 Master

动态面板指南

图片循环显示制作自定义的下拉菜单折叠控制选项板部件视频与图片的 Lightbox图像的拖拽交互拖拽地图自动旋转标题

高级原型设计指南

账户登录Auto-Tab 字段Terms 和 Conditions下拉列表选择必填字段设置文本下拉列表将文本传递给下一个页面在下一个页面上设置面板

Web 设计指南

嵌入视频和地图

iPhone App 指南

滑动菜单滚动内容屏幕过渡动画Swipping 幻灯片

Repeater 部件指南

Repeater 小部件

自适应视图指南

自适应视图

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


把菜单装换成动态面板

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。

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


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)