【转】AxureRP8实战手册-案例3（图片：变换样式的按钮①）
AxureRP8实战手册-案例3（图片：变换样式的按钮①）
案例3. 图片：变换样式的按钮（1）
案例来源:
花瓣网-登录界面
案例效果：
- 初始状态：（图1-12）
- 鼠标进入图标时：（图1-13）
案例描述：
使用第三方账号登录时，鼠标移入图标和在图标上按下时，显示不同状态的图片。
元件准备：
- 页面中：（图1-14）
思路分析：
元件的属性中包含【鼠标悬停】与【鼠标按下】的交互样式，在用户进行这两个动作时，能够触发显示预先设置好的交互样式。
操作步骤：
1、设置每个图标【鼠标悬停】的交互样式，可参考基础23；（图1-15）
2、设置每个图标【鼠标按下】的交互样式，可参考基础23。（图1-15）
补充说明：
- 本书电子资料中附带的本案例图片素材，需要进行切割/裁剪；（参考基础25）
- 预览原型，在浏览器中将各个裁剪后的图标另存到本地，然后导入原型中使用。
- 本案例中的关闭按钮为矩形元件，元件文字为输入法中的特殊符号“×”。
特别提醒：本教程相关素材请到导航菜单中的【在线阅读】页面中进行下载。
版权声明：本文为sikongluoxing原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。