Aure新手养成计划(连载03)

4.1.  元件的样式在软件界面的右侧中部,是元件的属性与样式功能面板。当我们点中编辑区的元件时,这里就会显示该元件的属性与样式。(图33)

(图33)
元件的样式包含的内容都一样,不过其中有个别元件的样式是禁止修改的。这里以矩形和热区举例说明(图34)。

(图34)
矩形中只有箭头样式是灰色的状态,说明它是不可设置的;而热区大部分的样式设置都是灰色不可编辑的。
4.2.  元件的属性元件的属性并不是每个元件都一样,他们有的相同,有的部分相同或者完全不同。
我们经常在网页上看到的鼠标进入按钮变色的效果,就可以通过设置属性来实现。只需要【属性】-【交互样式】-【鼠标悬停】中去设置鼠标移入时的另一种样式或者另一个图片就可以了。(图35)

(图35)
这里以按钮形状为例,我们先拖入一个按钮形状,然后把【鼠标悬停】交互样式中【填充颜色】设置为要改变的颜色。当然,也能根据需求同时设置文字的颜色为有反差的颜色。比如把形状颜色设置为蓝色,文字设置为白色。那么,因为默认勾选了【预览】,编辑区里面的按钮就变成了鼠标移入时的样子。(图36)

(图36)
点击【确定】以后,按钮颜色又变成默认的颜色。不过,这时在按钮上出现了一个黑白相间的小方块,鼠标移入小方块就会显示我们设置好的效果。同时,在属性中的【鼠标悬停】的后面也出现了一些信息,不过没什么用。
完成上面的编辑之后,我们就可以通过F5预览或者F8生成来查看效果。当然也能点快捷功能栏里面的快捷按钮 ,或者从菜单里面选择。(图37)

(图37)
[br]

关键字:Axure, Axure教程, 元件, 样式

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部