Axure RP OnMouseEnter和OnMouseOut事件、实现图片和按钮样式翻转

2023-05-2416:38:36原型设计Comments2,230 views字数 553阅读模式

介绍在Axure RP中鼠标移动产生的OnMouseEnter和OnMouseOut事件、实现图片翻转和按钮样式翻转的方法。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html


1、OnMouseEnter和OnMouseOut事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

在文本类控件、按钮类控件、超级链接控件中有OnMouseEnter和OnMouseOut事件。OnMouseEnter事件是当鼠标移入到一个控件上时发生,OnMouseOut事件是当鼠标移出控件外时发生。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

Axure RP OnMouseEnter和OnMouseOut事件、实现图片和按钮样式翻转文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

OnMouseEnter和OnMouseOut事件常常和动态面板一起使用,在原型中实现如菜单弹出、状态翻转、自定义提示等功能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

2. 图片翻转和按钮样式翻转文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

不使用OnMouseEnter、OnMouseOut和动态面板,也可实现图片翻转、按钮样式翻转。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

  • 图片翻转 

将image控件拖到线框图中,右键菜单选择“Edit Image->Import Rollover Image”,然后选择一张翻转图。用鼠标移入到线框图中图片上的“黑白”小方框上进行效果预览。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

  • 按钮样式翻转

将Rectangle控件拖到线框图中,右键菜单选择“Edit Button Shape->Edit Rollover Style”,在Set Rollover Style对话框中可以修改翻转的样式。应用样式后,在线框图中用鼠标移入到线框图中按钮左上角的“黑白”小方框上进行效果预览。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

Axure RP OnMouseEnter和OnMouseOut事件、实现图片和按钮样式翻转文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/41873.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/41873.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定