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节  按下、选中、停用的效果
   39   40   41   42   43   44   45   46   47   48   49