×
关于

核心训练

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

从头开始

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

原型设计基础指南

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

Masters 指南

上一页/下一页链接 Master

动态面板指南

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

高级原型设计指南

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

Web 设计指南

嵌入视频和地图

iPhone App 指南

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

Repeater 部件指南

Repeater 小部件

自适应视图指南

自适应视图

按钮的交互


打开 Rollover Style 对话框

image

首先打开AxureInteractiveButton.rp,然后打开 Interactive Button 页面。

右键单击按钮,选中 Interaction Styles... 选项来打开 Interaction Styles 对话框。

编辑 MouseOver Style

image

在 MouseOver 选项板中选中 Underline。这会让按钮中的文字显示下划线。

点击 OK 关闭对话框。

在 Axure 中预览样式

image

当部件应用一个 Interaction Style 时,点击在按钮右上方的一半是白色而另一半是黑色的按钮。点击翻转白色的三角运行你预览各种各样的样式。

编辑 MouseDown Style

image

现在设置当鼠标按下按钮时显现的 MouseDown Style。

在这一次,在 Properties 选项板中选中 MouseDown 来打开 Interaction Style 对话框。让我们再次通过复选框以及颜色选择器来添加下划线以及填充灰色。不要太快关闭对话框。

编辑 Selected Style

image

当按钮处于选中状态时 Selected Style 将会显现出来。这个最常用来指定用户当前的页面。

在 Selected 选项板中选中 underline 复选框然后添加一个 darker grey。

点击 OK 关闭对话框。

点击时按钮被选中

image

通过动作 Set Selected/Checked 添加一个事例到 OnClick 事件。然后选择复选框 This Widget。

作为一种选择,你可选中 MyButton,但是选中 This 将允许你复制粘贴一个交互到不同的部件而不用每次都改变目标部件。

预览原型然后测试 MouseOver, MouseDown,和 Selected 的样式。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)