AxureRP8实战手册-案例5(形状:变换样式的按钮②)

AxureRP8.0教程 小楼一夜听春语 9789℃ 0评论

 案例5.   形状:变换样式的按钮(2)

案例来源:

花瓣网-登录界面

 

案例效果:

  • 初始状态:(图1-23)

1_23

 

  • 鼠标进入按钮时:(图1-24)

1_24

案例描述:

登录面板中的登录按钮在鼠标移入时和鼠标按下时,显示不同的颜色。

 

元件准备:

  • 页面中:(图1-25)

1_25

 

思路分析:

元件的属性中包含【鼠标悬停】与【鼠标按下】的交互样式,在用户进行这两个动作时,能够触发显示预先设置好的交互样式。

 

操作步骤:(图1-26)

1、设置矩形的【鼠标悬停】的交互样式,改变填充颜色,颜色代码#EB5055。(参考基础23)

2、设置矩形的【鼠标按下】的交互样式,改变填充颜色,颜色代码#DA3539。(参考基础23)

1_26

 

补充说明:

设置颜色时可以直接在界面中输入颜色代码选取颜色。(图1-27)

1_27

特别提醒:本教程相关素材请到导航菜单中的【在线阅读】页面中进行下载。


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

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

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

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


转载请注明:Axure原创教程网 » AxureRP8实战手册-案例5(形状:变换样式的按钮②)

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

表情

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. axure8界面很清新,使用起来感觉不错。有了7的基础,学习8的时候会简单很多,期待更新。
    头发剪短变好丑2016-06-12 14:33 回复
  2. 真不错。一步一来
    在座的的都是辣鸡2016-07-13 15:16 回复