最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

Axure的7种交互样式(1)-鼠标的交互样式

教程 小楼一夜听春语 10022浏览

交互样式不是元件的默认外观,默认外观是在样式面板进行设置,而交互样式是在交互面板中进行设置。

之所以叫做交互样式,也就是说这种样式的呈现与用户的操作有关。

如果用户没有进行特定的操作,交互样式不会呈现出来。

我们先来了解鼠标悬停与按下的交互样式。

最常见的就是按钮的外观改变。

例如一个白色的按钮,当鼠标指针停留在按钮上时,按钮变为绿色,按下鼠标左键时,再变为深绿色。

不要纠结为什么是绿色,我们来看一下具体设置。

1、将按钮元件拖入画布后,在交互面板中,我们能够看到[添加类似“鼠标悬停”的交互样式]的选项。

2、点击选项之后,就可以分别添加鼠标悬停和鼠标按下的交互样式。

3、点击[鼠标悬停的样式]选项,出现了样式设置窗口。

4、在这个窗口中我们勾选要改变的[填充颜色]和[字色]选项,并且点击后方的色块,选择鼠标悬停时要呈现的颜色。

通过以上设置,就完成了鼠标悬停时,按钮变为绿色的设置。

接下来,我们点击[添加交互样式]的选项,继续添加[鼠标按下的样式]。

同样进行[填充颜色]和[字色]的交互样式设置。

到这里,我们就可以按下[F5]键或者点击软件右上方的预览按钮,查看最终的效果了。

不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!

转载请注明:iaxure.com » Axure的7种交互样式(1)-鼠标的交互样式