交互样式不是元件的默认外观,默认外观是在样式面板进行设置,而交互样式是在交互面板中进行设置。
之所以叫做交互样式,也就是说这种样式的呈现与用户的操作有关。
如果用户没有进行特定的操作,交互样式不会呈现出来。
我们先来了解鼠标悬停与按下的交互样式。
最常见的就是按钮的外观改变。
例如一个白色的按钮,当鼠标指针停留在按钮上时,按钮变为绿色,按下鼠标左键时,再变为深绿色。
不要纠结为什么是绿色,我们来看一下具体设置。
1、将按钮元件拖入画布后,在交互面板中,我们能够看到[添加类似“鼠标悬停”的交互样式]的选项。
2、点击选项之后,就可以分别添加鼠标悬停和鼠标按下的交互样式。
3、点击[鼠标悬停的样式]选项,出现了样式设置窗口。
4、在这个窗口中我们勾选要改变的[填充颜色]和[字色]选项,并且点击后方的色块,选择鼠标悬停时要呈现的颜色。
通过以上设置,就完成了鼠标悬停时,按钮变为绿色的设置。
接下来,我们点击[添加交互样式]的选项,继续添加[鼠标按下的样式]。
同样进行[填充颜色]和[字色]的交互样式设置。
到这里,我们就可以按下[F5]键或者点击软件右上方的预览按钮,查看最终的效果了。
不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!
转载请注明:iaxure.com » Axure的7种交互样式(1)-鼠标的交互样式