UGUI学习笔记（五）事件系统

r囧r小猫 2023-09-27 08:23 117阅读 0赞

## 一、什么是事件系统 ##

事件系统就是根据输入（鼠标、键盘、触摸等）将消息发送给对象的系统。它的运作主要依靠「Event System」事件系统、「Input Module」输入模块、「Raycaster」射线发射器三个组件协同完成。

*  **Event System**：主要用来管理当前处于选中状态的游戏对象、当前正在使用的输入模块、射线发射器
 *  **Input Module**：主要用来处理输入、管理事件状态、将事件发送给场景中的对象
 *  **Raycaster**：用于确定鼠标指针位于哪个对象上方。Unity默认提供3中射线发射器，分别是「Graphic Raycaster」用于UI元素、「Physics 2D Raycaster」用于2D物理元素、「Physics Raycaster」用于3D物理元素

## 二、UGUI实现事件的三种方式 ##

### 2.1 通过接口实现 ###

Unity提供了许多事件接口，我们只需要在UI元素的脚本中实现其中的接口，并实现其中的方法，即可在特定动作时触发对应方法。  
Unity提供的事件接口如下

<table> 
 <thead> 
  <tr> 
   <th align="left">接口</th> 
   <th align="left">方法</th> 
   <th align="left">调用时机</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">IPointerEnterHandler</td> 
   <td align="left">OnPointerEnter</td> 
   <td align="left">当指针进入对象时调用</td> 
  </tr> 
  <tr> 
   <td align="left">IPointerExitHandler</td> 
   <td align="left">OnPointerExit</td> 
   <td align="left">当指针退出对象时调用</td> 
  </tr> 
  <tr> 
   <td align="left">IPointerDownHandler</td> 
   <td align="left">OnPointerDown</td> 
   <td align="left">在对象上按下指针时调用</td> 
  </tr> 
  <tr> 
   <td align="left">IPointerUpHandler</td> 
   <td align="left">OnPointerUp</td> 
   <td align="left">松开指针时调用（指针正在点击的游戏对象上）</td> 
  </tr> 
  <tr> 
   <td align="left">IPointerClickHandler</td> 
   <td align="left">OnPointerClick</td> 
   <td align="left">在同一对象上按下再松开指针时调用</td> 
  </tr> 
  <tr> 
   <td align="left">IInitializePotentialDragHandler</td> 
   <td align="left">OnInitializePotentialDrag</td> 
   <td align="left">在找到拖动目标时调用，可用于初始化值</td> 
  </tr> 
  <tr> 
   <td align="left">IBeginDragHandler</td> 
   <td align="left">OnBeginDrag</td> 
   <td align="left">即将开始拖动时在拖动对象上调用</td> 
  </tr> 
  <tr> 
   <td align="left">IDragHandler</td> 
   <td align="left">OnDrag</td> 
   <td align="left">发生拖动时在拖动对象上调用</td> 
  </tr> 
  <tr> 
   <td align="left">IEndDragHandler</td> 
   <td align="left">OnEndDrag</td> 
   <td align="left">拖动完成时在拖动对象上调用</td> 
  </tr> 
  <tr> 
   <td align="left">IDropHandler</td> 
   <td align="left">OnDrop</td> 
   <td align="left">在拖动目标对象上调用</td> 
  </tr> 
  <tr> 
   <td align="left">IScrollHandler</td> 
   <td align="left">OnScroll</td> 
   <td align="left">当鼠标滚轮滚动时调用</td> 
  </tr> 
  <tr> 
   <td align="left">IUpdateSelectedHandler</td> 
   <td align="left">OnUpdateSelected</td> 
   <td align="left">每次勾选时在选定对象上调用</td> 
  </tr> 
  <tr> 
   <td align="left">ISelectHandler</td> 
   <td align="left">OnSelect</td> 
   <td align="left">当对象成为选定对象时调用</td> 
  </tr> 
  <tr> 
   <td align="left">IDeselectHandler</td> 
   <td align="left">OnDeselect</td> 
   <td align="left">取消选择选定对象时调用</td> 
  </tr> 
  <tr> 
   <td align="left">IMoveHandler</td> 
   <td align="left">OnMove</td> 
   <td align="left">发生移动事件（上、下、左、右等）时调用</td> 
  </tr> 
  <tr> 
   <td align="left">ISubmitHandler</td> 
   <td align="left">OnSubmit</td> 
   <td align="left">按下 Submit 按钮时调用（在Project Settings中设置，一般为Enter）</td> 
  </tr> 
  <tr> 
   <td align="left">ICancelHandler</td> 
   <td align="left">OnCancel</td> 
   <td align="left">按下 Cancel 按钮时调用（在Project Settings中设置，一般为ESC）</td> 
  </tr> 
 </tbody> 
</table>

下面以`IDragHandler`接口为例，实现一个简单的UI元素拖拽效果。首先新建一个脚本，并实现`IDragHandler`接口及其`OnDrag`方法

public void OnDrag(PointerEventData eventData)
    {
        
    	var rectTransform = GetComponent<RectTransform>();
    	// 将屏幕坐标转换为世界坐标
    	RectTransformUtility.ScreenPointToWorldPointInRectangle(rectTransform, eventData.position,eventData.enterEventCamera, out Vector3 worldPoint);
    	rectTransform.position = worldPoint;
    }

然后将脚本挂载到一个UI元素上即可  
![0805a3eb9fe5d2b46f1f94a574c7ae00.gif][]

### 2.2 通过Even Trigger组件实现 ###

为UI元素添加一个「Even Trigger」组件，点击「Add New Event Type」即可添加对应的事件类型。将我们自己实现的脚本方法绑定到Even Trigger中，即可在指定动作时触发。  
下面通过该方法实现一个点击UI元素变色的效果：  
![89d2dc46a3d74d2035f087e533249da3.gif][]

### 2.3 动态添加事件 ###

基于「Even Trigger」组件，我们也可以通过代码在运行过程中动态添加事件。首先需要为UI元素动态添加一个「Even Trigger」组件。这个组件下有一个triggers集合，用于添加触发器实例。我们只需要创建一个触发器实例，并指定触发器类型和回调函数，再将其添加到triggers集合即可。  
代码如下

private void Start()
    {
        
    	var trigger = gameObject.AddComponent<EventTrigger>();
    	trigger.triggers = new();
    	EventTrigger.Entry entry = new();
    	// 指定EventTrigger的类型
    	entry.eventID = EventTriggerType.PointerDown;
    	entry.callback = new();
    	// 添加回调函数
    	entry.callback.AddListener(_ =>OnClick());
    	
    	trigger.triggers.Add(entry);
    }
    private bool _isClicked;
    private void OnClick()
    {
        
    	if (_isClicked)
    	{
        
    		gameObject.GetComponent<Image>().color = Color.red;
    	}
    	else
    	{
        
    		gameObject.GetComponent<Image>().color = Color.white;
    	}
    	_isClicked = !_isClicked;
    }

[0805a3eb9fe5d2b46f1f94a574c7ae00.gif]: https://img-blog.csdnimg.cn/img_convert/0805a3eb9fe5d2b46f1f94a574c7ae00.gif
[89d2dc46a3d74d2035f087e533249da3.gif]: https://img-blog.csdnimg.cn/img_convert/89d2dc46a3d74d2035f087e533249da3.gif