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

Axure书籍 小楼一夜听春语 29549℃ 0评论

4.   元件属性与样式

苏苏:楼哥,为什么这个按钮鼠标放上去会变色?为什么这个性别只能选中一个?为什么这个组菜单点了任何一个之后都会变颜色,但只能有一个变颜色。点完再点另外一个,前一个又恢复原样。咦,楼哥,你怎么不说话?

小楼:我想静静……

苏苏:静静?

小楼:别问我静静是谁……

4.1.  元件的样式

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

33

(图33)

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

34

(图34)

矩形中只有箭头样式是灰色的状态,说明它是不可设置的;而热区大部分的样式设置都是灰色不可编辑的。

4.2.  元件的属性

元件的属性并不是每个元件都一样,他们有的相同,有的部分相同或者完全不同。

我们经常在网页上看到的鼠标进入按钮变色的效果,就可以通过设置属性来实现。只需要【属性】-【交互样式】-【鼠标悬停】中去设置鼠标移入时的另一种样式或者另一个图片就可以了。(图35)

35

(图35)

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

36

(图36)

点击【确定】以后,按钮颜色又变成默认的颜色。不过,这时在按钮上出现了一个黑白相间的小方块,鼠标移入小方块就会显示我们设置好的效果。同时,在属性中的【鼠标悬停】的后面也出现了一些信息,不过没什么用。

完成上面的编辑之后,我们就可以通过F5预览或者F8生成来查看效果。当然也能点快捷功能栏里面的快捷按钮 ,或者从菜单里面选择。(图37)

37

(图37)


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » Axure新手养成计划(连载03)

喜欢 (99)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 写得很好哎~
    huajie01142015-09-01 15:53 回复
  2. [谨遵楼嘱,好好练习] 属性,样式
    雪海2015-09-23 15:35 回复
  3. 鼠标悬停在哪能找到啊?为什么我的7.0版本里没看到这个样式呢?
    小鲵2016-02-04 16:15 回复
    • 是按钮不是提交按钮
      马可2017-04-06 10:54 回复