Unity组件大全之 Event 事件 |（33）Graphic Raycaster：UI交互的精准投射器

📂 Unity 开发资源汇总 | 插件 | 模型 | 源码

💓 欢迎访问 Unity 打怪升级大本营

在Unity的UI系统中，Graphic Raycaster组件是处理2D UI交互的关键。它负责在Canvas上进行射线投射，以确定哪些UI元素（如按钮、滑块等）响应用户的点击或触摸操作。本文将探讨Graphic Raycaster的工作原理、配置选项以及如何在项目中有效使用它。

📂 Unity组件大全 | 目录索引

💯 Graphic Raycaster的工作原理

Graphic Raycaster通过在Canvas上发射射线来检测用户输入，这些射线会与UI元素相交，从而触发相应的事件。它特别适用于2D UI元素，因为它们没有物理碰撞体。Graphic Raycaster可以配置为忽略背面朝向摄像机的图形，以及被2D或3D物体阻挡。

🔨 核心属性

Ignore Reversed Graphics

这个属性决定了是否忽略背面朝向摄像机的UI元素。如果启用，那么当UI元素翻转到背面对着屏幕时，它们将不会响应点击事件。

Blocked Objects

这个属性定义了哪些类型的物体可以阻挡射线投射。选项包括：

• Three D (3D)：只有带有3D碰撞体的物体会阻挡射线。
• Two D (2D)：只有带有2D碰撞体的物体会阻挡射线。
• None：没有物体会阻挡射线，即使它们在UI元素前面。
• All：任何带有碰撞体的物体都会阻挡射线。

Blocking Mask

与Blocked Objects属性配合使用，Blocking Mask定义了哪些层级的物体可以阻挡射线。这允许开发者进一步细化哪些物体应该影响UI交互。

📦 使用Graphic Raycaster

要在Unity项目中使用Graphic Raycaster，请按照以下步骤操作：

1. 在Canvas对象上添加Graphic Raycaster组件。
2. 根据需要配置Ignore Reversed Graphics和Blocked Objects属性。
3. 确保UI元素的Raycast Target属性已启用，以便它们可以接收射线投射。

♨️ 示例代码

以下是一些示例代码，展示了如何在Unity中使用Graphic Raycaster来处理UI元素的点击事件。

步骤1：创建UI元素并添加事件监听

首先，你需要创建一个UI按钮，并为其添加一个Graphic Raycaster组件来处理点击事件。

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class UIClickExample : MonoBehaviour
{
    void Start()
    {
        // 创建一个按钮
        Button button = GameObject.Find("Button").GetComponent<Button>();
        if (button != null)
        {
            // 添加点击事件监听
            button.onClick.AddListener(TaskOnClick);
        }
    }

    // 按钮点击事件处理函数
    void TaskOnClick()
    {
        Debug.Log("You have clicked the button!");
    }
}

在这个例子中，我们首先在Start方法中找到Canvas上的按钮，并为其onClick事件添加了一个监听器。当按钮被点击时，会调用TaskOnClick方法。

步骤2：配置Graphic Raycaster

通常，Graphic Raycaster组件会自动添加到Canvas上，但你也可以通过代码来配置它。

using UnityEngine;

public class ConfigureGraphicRaycaster : MonoBehaviour
{
    void Start()
    {
        // 获取Canvas组件
        Canvas canvas = GetComponent<Canvas>();
        if (canvas != null)
        {
            // 获取或创建Graphic Raycaster组件
            GraphicRaycaster graphicRaycaster = canvas.gameObject.GetComponent<GraphicRaycaster>();
            if (graphicRaycaster == null)
            {
                graphicRaycaster = canvas.gameObject.AddComponent<GraphicRaycaster>();
            }

            // 配置Graphic Raycaster的属性
            graphicRaycaster.ignoreReversedGraphics = true;
            graphicRaycaster.blockingObjects = GraphicRaycaster.BlockingObjects.All;
        }
    }
}

在这个例子中，我们获取了Canvas组件，并确保了Graphic Raycaster组件的存在。然后，我们配置了它的ignoreReversedGraphics属性，以忽略背面朝向摄像机的图形，并将blockingObjects设置为All，以确保所有带有碰撞体的物体都能阻挡射线。

步骤3：处理复杂的UI交互

对于更复杂的UI交互，如拖拽列表项，你可以使用IDragHandler接口。

using UnityEngine;
using UnityEngine.EventSystems;

public class UIDragExample : MonoBehaviour, IDragHandler
{
    public void OnDrag(PointerEventData eventData)
    {
        // 获取拖拽的UI元素
        Transform draggedObject = eventData.pointerCurrentRaycast.gameObject.transform;

        // 将UI元素移动到光标的当前位置
        RectTransformUtility.TranslateRectInRectangle(draggedObject.GetComponent<RectTransform>(), eventData.delta, draggedObject.GetComponent<RectTransform>(), true);
    }
}

在这个例子中，我们实现了IDragHandler接口的OnDrag方法。当用户拖拽UI元素时，这个方法会被调用，并且我们会根据鼠标或触摸的移动来更新元素的位置。

🥇 性能优化

为了优化Graphic Raycaster的性能，开发者应该：

1. 合理配置射线投射器：仅在需要交互的UI元素上启用Raycast Target。
2. 管理UI元素层级：避免不必要的层级嵌套，以减少射线投射的计算量。
3. 使用Profiler工具：定期检查性能，确保没有性能瓶颈。

💬 总结

Graphic Raycaster是Unity UI系统中不可或缺的组件，它为2D UI元素提供了精确的交互支持。通过理解和有效使用这个组件，开发者可以为用户创造丰富和直观的UI体验。同时，注意性能优化，确保游戏的流畅运行。

📒 参考文献

• Unity官方文档：Graphic Raycaster

📂 Unity 开发资源汇总 | 插件 | 模型 | 源码

💓 欢迎访问 Unity 打怪升级大本营

🍉🍉🍉 如果觉得这篇文对你有帮助的话，请点个赞👍、收藏⭐️下吧，非常感谢! 💕💕💕

【博主简介】：10年以上软件开发经验，精通 C语言、C++、C#、Java 等开发语言，开发过大型 Android 项目，现主要自主开发经营 休闲益智类小游戏。

【粉丝福利】：博主收藏了大量游戏开发资源和素材。这些资源经过博主多年整理沉淀，现筛选一批精品资源，分享给大家学习研究。

Unity打怪军团 诚邀天下勇士加入 Unity学习互助小组 有意进群的同学联系我，互3互推也请联系我…