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

组件来处理点击事件。

usingUnityEngine;usingUnityEngine.UI;usingUnityEngine.EventSystems;publicclassUIClickExample:MonoBehaviour{voidStart(){// 创建一个按钮Button button = GameObject.Find("Button").GetComponent<Button>();if(button !=null){// 添加点击事件监听
            button.onClick.AddListener(TaskOnClick);}}// 按钮点击事件处理函数voidTaskOnClick(){
        Debug.Log("You have clicked the button!");}}

在这个例子中，我们首先在

Start

方法中找到Canvas上的按钮，并为其

onClick

事件添加了一个监听器。当按钮被点击时，会调用

TaskOnClick

方法。

步骤2：配置Graphic Raycaster

通常，

Graphic Raycaster

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

usingUnityEngine;publicclassConfigureGraphicRaycaster:MonoBehaviour{voidStart(){// 获取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

接口。

usingUnityEngine;usingUnityEngine.EventSystems;publicclassUIDragExample:MonoBehaviour,IDragHandler{publicvoidOnDrag(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互推也请联系我…