Unity UGUI 按钮绑定事件的 4 种方式汇总

 更新时间:2022年01月27日 09:50:11   作者:Hu&Fei  
UGUI 可视化创建以及关联事件很方便, 动态创建可以利用创建好的 Prefab 进行实例化, 只是在关联事件上有些复杂,这篇文章主要介绍了Unity UGUI 按钮绑定事件的 4 种方式,需要的朋友可以参考下

UGUI 可视化创建以及关联事件很方便, 动态创建可以利用创建好的 Prefab 进行实例化, 只是在关联事件上有些复杂, 本文总结了几种给按钮绑定事件的关联方式.

1. 可视化创建及事件绑定

Step 1 : 通过 Hierarchy 面板创建 UI > Button.

Step 2 : 创建一个脚本 TestClick.cs, 定义了一个 Click 的 public 方法.

Step 3 : 选中 Hierarchy 中的 Button, Add Component 脚本 TestClick.cs

Step 4 : 在 Button(Script) 关联 TestClick 脚本里的 Click 方法.

Step 5 : Done.

TestClick.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class TestClick : MonoBehaviour {
	public void Click(){
		Debug.Log ("Button Clicked. TestClick.");
	}
}

2. 通过直接绑定脚本来绑定事件

Step 1 : 通过 Hierarchy 面板创建 UI > Button.

Step 2 : 创建一个 ClickHandler.cs 脚本, 定义了一个私有方法 OnClick(), 并在 Start() 方法里为 Button 添加点击事件的监听,作为参数传入 OnClick 方法.

Step 3 : 将 ClickHandler 绑定在 Button 对象上.

Step 4 : Done.

ClickHandler.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class ClickHandler : MonoBehaviour {
	void Start () {
		Button btn = this.GetComponent<Button> ();
		btn.onClick.AddListener (OnClick);
	}
	private void OnClick(){
		Debug.Log ("Button Clicked. ClickHandler.");
}

3. 通过 EventTrigger 实现按钮点击事件

UGUI 系统中 Button 默认只提供了 OnClick 的调用方法, 有时候我们还需要监听鼠标进入事件 (MouseIn) 和鼠标滑出事件 (MouseOut). 就需要借助 UI 系统中的 EventTrigger 脚本来实现.

Step 1 : 通过 Hierarchy 面板创建 UI > Button.

Step 2 : 创建一个 EventTriggerHandler.cs 脚本, 利用 UnityEngine.EventSystems.EventTrigger 添加监听事件.

Step 3 : 绑定 EventTriggerHandler.cs 脚本到 Button 上.

Step 4 : Done.

EventTriggerHandler.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

// 需要 EventTrigger 脚本的支援
[RequireComponent(typeof(UnityEngine.EventSystems.EventTrigger))]
public class EventTriggerHandler : MonoBehaviour {
	// Use this for initialization
	void Start () {
		Button btn = this.GetComponent<Button> ();
		EventTrigger trigger = btn.gameObject.GetComponent<EventTrigger> ();
		EventTrigger.Entry entry = new EventTrigger.Entry ();
		// 鼠标点击事件
		entry.eventID = EventTriggerType.PointerClick;
		// 鼠标进入事件 entry.eventID = EventTriggerType.PointerEnter;
		// 鼠标滑出事件 entry.eventID = EventTriggerType.PointerExit;
		entry.callback = new EventTrigger.TriggerEvent ();
		entry.callback.AddListener (OnClick);
		// entry.callback.AddListener (OnMouseEnter);
		trigger.triggers.Add (entry);
	}
	private void OnClick(BaseEventData pointData){
		Debug.Log ("Button Clicked. EventTrigger..");
	private void OnMouseEnter(BaseEventData pointData){
		Debug.Log ("Button Enter. EventTrigger..");
}

4. 通过 MonoBehaviour 实现事件类接口来实现事件的监听

Step 1 : 通过 Hierarchy 面板创建 UI > Button.

Step 2 : 创建一个 EventHandler.cs 脚本.

Step 3 : 将脚本绑定在 Button 对象上.

Step 4 : Done.

EventHandler.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class EventHandler : MonoBehaviour, IPointerClickHandler, IPointerEnterHandler, IPointerExitHandler, IPointerDownHandler, IDragHandler {
	public void OnPointerClick(PointerEventData eventData){
		if(eventData.pointerId == -1){
			Debug.Log ("Left Mouse Clicked.");
		} else if(eventData.pointerId == -2){
			Debug.Log ("Right Mouse Clicked.");
		}
	}
	public void OnPointerEnter(PointerEventData eventData){
		Debug.Log ("Pointer Enter..");
	public void OnPointerExit(PointerEventData eventData){
		Debug.Log ("Pointer Exit..");
	public void OnPointerDown(PointerEventData eventData){
		Debug.Log ("Pointer Down..");
	public void OnDrag(PointerEventData eventData){
		Debug.Log ("Dragged..");
}

UGUI 如何判断 UI 元素被点击时是鼠标的哪个按键, 上面的代码中我们可以根据 eventData.pointerId 来监听是鼠标左键还是右键. 但是每个 UI 元素都创建一个 MonoBehaviour 来监听各个事件显然不好, 下面是通过利用 Delegate 和 Event 来做一个通用类 UIEventListener 来处理事件 (观察者模式).

UIEventListener.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class UIEventListener : MonoBehaviour, IPointerClickHandler, IPointerEnterHandler, IPointerExitHandler {
	// 定义事件代理
	public delegate void UIEventProxy(GameObject gb);
	// 鼠标点击事件
	public event UIEventProxy OnClick;
	// 鼠标进入事件
	public event UIEventProxy OnMouseEnter;
	// 鼠标滑出事件
	public event UIEventProxy OnMouseExit;
	public void OnPointerClick(PointerEventData eventData){
		if (OnClick != null)
			OnClick (this.gameObject);
	}
	public void OnPointerEnter(PointerEventData eventData){
		if (OnMouseEnter != null)
			OnMouseEnter (this.gameObject);
	public void OnPointerExit(PointerEventData eventData){
		if (OnMouseExit != null)
			OnMouseExit (this.gameObject);
}

TestEvent.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class TestEvent : MonoBehaviour {
	void Start () {
		Button btn = this.GetComponent<Button> ();
		UIEventListener btnListener = btn.gameObject.AddComponent<UIEventListener> ();
		btnListener.OnClick += delegate(GameObject gb) {
			Debug.Log(gb.name + " OnClick");
		};
		btnListener.OnMouseEnter += delegate(GameObject gb) {
			Debug.Log(gb.name + " OnMouseEnter");
		btnListener.OnMouseExit += delegate(GameObject gb) {
			Debug.Log(gb.name + " OnMOuseExit");
	}
}

TestEvent 脚本绑定在 Button 上即可.

Project 结构

代码 : Here

到此这篇关于Unity UGUI 按钮绑定事件的 4 种方式的文章就介绍到这了,更多相关Unity UGUI 按钮绑定事件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 解析C#面向对象编程中方法(method)的使用

    解析C#面向对象编程中方法(method)的使用

    这篇文章主要介绍了解析C#面向对象编程中方法(method)的使用,方法是面向对象编程语言中的基本特性,需要的朋友可以参考下
    2016-01-01
  • C#中的yield关键字详解

    C#中的yield关键字详解

    本文详细讲解了C#中的yield关键字,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-08-08
  • C#显示文件夹下所有图片文件的方法

    C#显示文件夹下所有图片文件的方法

    这篇文章主要介绍了C#显示文件夹下所有图片文件的方法,涉及C#操作图片文件的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • C#预处理指令之#line,#pragma warning 详细解析

    C#预处理指令之#line,#pragma warning 详细解析

    #line 指令可能由生成过程中的自动中间步骤使用。例如,如果行从原始的源代码文件中移除,但是您仍希望编译器基于文件中的原始行号生成输出,则可以移除行,然后用 #line 模拟原始行号
    2014-01-01
  • C#通过热键控制显示器开关的方法

    C#通过热键控制显示器开关的方法

    这篇文章主要介绍了C#通过热键控制显示器开关的方法,涉及C#针对热键的操作技巧,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • C#WinForm实现多语言切换的示例

    C#WinForm实现多语言切换的示例

    本文主要介绍了C#WinForm实现多语言切换的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • C#检测远程计算机端口是否打开的方法

    C#检测远程计算机端口是否打开的方法

    这篇文章主要介绍了C#检测远程计算机端口是否打开的方法,实例分析了C#实现检测远程端口开启的技巧,需要的朋友可以参考下
    2015-03-03
  • C#操作CSV文件类实例

    C#操作CSV文件类实例

    这篇文章主要介绍了C#操作CSV文件类,涉及C#针对csv文件的读取、转化等常用操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • C#自定义WPF中Slider的Autotooltip模板

    C#自定义WPF中Slider的Autotooltip模板

    这篇文章介绍了C#自定义WPF中Slider的Autotooltip模板的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • c# Task.Wait()与awaiat Task异常处理的区别说明

    c# Task.Wait()与awaiat Task异常处理的区别说明

    这篇文章主要介绍了c# Task.Wait()与awaiat Task异常处理的区别说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06

最新评论