axure按钮切换颜色_AxureRP8实战手册-案例5（形状：变换样式的按钮②）

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

案例来源:

花瓣网-登录界面

案例效果：

初始状态：(图1-23)

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

案例描述：

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

元件准备：

页面中：(图1-25)

思路分析：

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

操作步骤：(图1-26)

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

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

补充说明：

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

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

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

小楼老师全新打造Axure RP 9精品课程，以独有的教学方法与技巧，帮助你以最短的时间高效的完成学习目标。

《Axure RP 9 萌新修炼视频》-----从零入门进阶的优质课程------【点此查看详情】

喜欢 (20)or分享 (0)