集册 Axure RP 指南 按钮的交互

按钮的交互

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

669

打开 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 关闭对话框。

点击时按钮被选中

展开阅读全文