【Unity3D UGUI】事件接口(一) 鼠标移入、移出
来源:互联网 发布:阿里云cdn费用 编辑:程序博客网 时间:2024/05/21 08:52
【准备工作】
相关基础知识与注意事项烦请参见拙作——事件接口(零)总述
【接口介绍】
IPointerEnterHandler
该接口实现方法如下:
public void OnPointerEnter(PointerEventData eventData){ //当鼠标光标移入该对象时触发}
IPointerExitHandler
该接口实现方法如下:
public void OnPointerExit(PointerEventData eventData){ //当鼠标光标移出该对象时触发}
【应用案例】
案例说明
利用 IPointerEnterHandler 和 IPointerExitHandler 接口,实现鼠标移入移出图片时,显示或隐藏图片信息的效果,即 ToolTip 效果。
具体实施
(1) 创建 2D 工程;
(2) 创建两个 Image,分别命名为 Image1 和 Image2;
(3) 创建 Text,重命名为 TextView;
效果如下图:
(4) 创建脚本 UIInfo,并添加如下代码:
using UnityEngine;using UnityEngine.UI;using UnityEngine.EventSystems;public class UIInfo : MonoBehaviour, IPointerEnterHandler,IPointerExitHandler{ public Text TextContent; void Start() { HideText(); } public void ShowText() { TextContent.text = "This is " + name + "'s infomation!"; } public void HideText() { TextContent.text = "None infomation."; } public void OnPointerEnter(PointerEventData eventData) { ShowText(); Debug.Log("OnPointerEnter call by " + name); } public void OnPointerExit(PointerEventData eventData) { HideText(); Debug.Log("OnPointerExit call by" + name); }}
(5) 将此脚本指定给 Image1 和 Image2,并将 TextView 指定给二者 TextContent 字段;
(6) 运行,即可看到如下效果:
1 0
- 【Unity3D UGUI】事件接口(一) 鼠标移入、移出
- 鼠标移入移出事件
- 鼠标移入移出事件
- MFC鼠标移入移出事件
- JS鼠标移入,移出事件
- 鼠标的移入移出事件
- js鼠标移入移出事件样例
- 鼠标移入移出事件图片更换
- JS之鼠标移入移出事件2
- Qt的鼠标移入移出事件
- jQuery 鼠标移入移出事件切换
- 鼠标事件移入移出的比较
- jQuery的鼠标移入与移出事件
- Qt的鼠标移入移出事件
- jQuery的鼠标移入与移出事件
- 鼠标移入事件 动态元素 事件委托 鼠标移入移出 弹出对话框事件
- mouse添加鼠标移出移入事件 两种方法
- 鼠标移入移出事件改变图片的分辨率
- a元素里面的图片与文字垂直和水平居中
- 几行代码绘制wordcloud词云
- 杭电--2187 悼念512汶川大地震遇难同胞——老人是真饿了(贪心)
- springMvc访问简介
- 链表bate1.0
- 【Unity3D UGUI】事件接口(一) 鼠标移入、移出
- HDU 5642 King's Order 动态规划
- 链表简单操作
- 海量数据查询优化
- redis环境搭建及java连接使用
- Android性能优化典范(二)
- 灰度图像的形态学处理
- leveldb源码剖析--TableBuilder生成磁盘sstable
- 入门