×
关于

核心训练

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

从头开始

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

原型设计基础指南

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

Masters 指南

上一页/下一页链接 Master

动态面板指南

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

高级原型设计指南

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

Web 设计指南

嵌入视频和地图

iPhone App 指南

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

Repeater 部件指南

Repeater 小部件

自适应视图指南

自适应视图

导航菜单


打开主菜单编辑 selected 样式

image

首先打开AxureNavigationMenu.rp 然后从 Masters 页面打开 Header – Menu 。

按下 Shift 键,逐个选中菜单部件的所有导航项。全选后,对它们右键单击选中 Interaction Styles... 选项,会弹出一个 Set Interaction Styles 对话框。

在 Selected Style 选项板中设置填充颜色和字体

image

在 Selected Style 选项板中,我们将设定我们的 selected style。选择字体颜色和填充颜色。设置填充颜色为深蓝,然后字体颜色为白色。当然你可以设置任何你喜欢的颜色。

点击 OK 关闭对话框。

为页面添加 OnPageLoad 事例

image

在 Sitemap 面板双击 Navigation Menu 页面。

在 Page Interactions 选项板中,通过点击 Add Case 添加一个事例到 OnPageLoad 事件。然后会打开一个事例编辑器。

将部件设置为 Selected Style

image

当页面加载时,我们会设置 Home 导航按钮到页面中去。

在事例编辑器中,选中 Set Selected 动作指定到 Nav – Home 部件。

点击 OK 关闭事例编辑器。

给每一张页面添加 OnPageLoad 事例

image

就像我们为 Home 页面所做的,通过相同的菜单为第一到三页面添加一个 OnPageLoad 事例到它们的 selected style。例如,页面 1 的 OnPageLoad 事例,设置 Nav – Page 1 到它的 selected style ,然后为 Page 2 和 Page 3 使用相同的操作。

预览原型

image

预览原型然后测试它吧。加载的每一页面都应该被设置到了导航栏中。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)