Page 44 - Axure快速原型设计
P. 44
第2节 翻转效果和鼠标移动事件
1、OnMouseEnter和OnMouseOut事件
在文本类控件、按钮类控件、超级链接控件中有OnMouseEnter和 OnMouseOut事件。OnMouseEnter事件是当
鼠标移入到一个控件上时发生,OnMouseOut事件是当鼠标移出一个控件时发生。
OnMouseEnter 和 OnMouseOut事件常常和动态面板一起使用,在原型中实现如菜单弹出、状态翻转、自定义
提示等功能。
2、图片翻转和按钮样式翻转
不使用OnMouseEnter, OnMouseOut和动态面板,也可实现图片翻转、按钮样式翻转。
图片翻转
拖入image控件到线框图中,右键菜单选择―Edit Image->Import Rollover Image‖,然后选择一张翻转图。用鼠标
移入到线框图中图片上的―黑白‖小方框上进行效果预览。
按钮样式翻转
拖入Rectangle控件到线框图中,右键菜单选择―Edit Button Shape->Edit Rollover Style‖,在Set Rollover Style
对话框中可以修改翻转的样式。应用样式后,在线框图中用鼠标移入到线框图中按钮左上角的―黑白‖小方框上进
行效果预览。
第3节 按下、选中、停用的效果