AxureRP8实战手册-案例5（形状：变换样式的按钮②）

 案例5.   形状：变换样式的按钮（2）

 

案例来源:

花瓣网-登录界面

案例效果：

• 初始状态：（图1-23）

• 鼠标进入按钮时：（图1-24）

案例描述：

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

元件准备：

• 页面中：（图1-25）

思路分析：

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

操作步骤：（图1-26）

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

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

补充说明：

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