快速原型设计工具Axure RP高级交互设计教程（二）：鼠标移动事件和实现翻转效果的方法-控件新闻-慧都网

快速原型设计工具Axure RP高级交互设计教程（二）：鼠标移动事件和实现翻转效果的方法

翻译|使用教程|编辑：陈津勇|2019-12-18 09:33:22.663|阅读 455 次

概述：本文主要介绍在Axure RP中鼠标移动产生的OnMouseEnter和OnMouseOut事件、实现图片翻转和按钮样式翻转的方法。

相关链接：

Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具，可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格，现已成为设计Web APP的重要工具。

本文主要介绍在Axure RP中鼠标移动产生的OnMouseEnter和OnMouseOut事件、实现图片翻转和按钮样式翻转的方法。

1、OnMouseEnter和OnMouseOut事件

在文本类控件、按钮类控件、超级链接控件中有OnMouseEnter和OnMouseOut事件。OnMouseEnter事件是当鼠标移入到一个控件上时发生，OnMouseOut事件是当鼠标移出控件外时发生。

QQ截图20191218092222.png

OnMouseEnter和OnMouseOut事件常常和动态面板一起使用，在原型中实现如菜单弹出、状态翻转、自定义提示等功能。

2. 图片翻转和按钮样式翻转

不使用OnMouseEnter、OnMouseOut和动态面板，也可实现图片翻转、按钮样式翻转。

将image控件拖到线框图中，右键菜单选择“Edit Image->Import Rollover Image”，然后选择一张翻转图。用鼠标移入到线框图中图片上的“黑白”小方框上进行效果预览。

将Rectangle控件拖到线框图中，右键菜单选择“Edit Button Shape->Edit Rollover Style”，在Set Rollover Style对话框中可以修改翻转的样式。应用样式后，在线框图中用鼠标移入到线框图中按钮左上角的“黑白”小方框上进行效果预览。

QQ截图20191218092446.png

想要获得Axure RP更多资源、正版授权的伙伴，请了解

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn