【Unity】 UGUI的PhysicsRaycaster (物理射线检测)组件的介绍及使用

news2024/9/27 17:26:20

1. 什么是PhysicsRaycaster组件？

PhysicsRaycaster是Unity UGUI中的一个组件，用于在UI元素上进行物理射线检测。它可以检测鼠标或触摸事件是否发生在UI元素上，并将事件传递给相应的UI元素。

2. PhysicsRaycaster的工作原理

PhysicsRaycaster通过发射一条射线来检测UI元素。当射线与UI元素相交时，PhysicsRaycaster会将事件传递给相应的UI元素。

3. PhysicsRaycaster的常用属性

Event Mask：指定哪些层的UI元素可以接收事件。
Max Raycast Distance：指定射线的最大检测距离。

4. PhysicsRaycaster的常用函数

Raycast：发射一条射线并返回与之相交的UI元素。

5. 完整例子代码

例子1：点击按钮改变颜色

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

public class ButtonColorChanger : MonoBehaviour, IPointerClickHandler
{
    private Image image;

    private void Start()
    {
        image = GetComponent<Image>();
    }

    public void OnPointerClick(PointerEventData eventData)
    {
        image.color = Random.ColorHSV();
    }
}

操作步骤：

创建一个Canvas对象，并在Canvas下创建一个Button对象。
将Button对象的Image组件的Color属性设置为任意颜色。
将Button对象的PhysicsRaycaster组件的Event Mask属性设置为默认值。
将Button对象的ButtonColorChanger脚本挂载到Button对象上。
运行游戏，点击Button对象，颜色会随机改变。

注意事项：

需要在Canvas对象上添加一个Graphics Raycaster组件，以便PhysicsRaycaster能够工作。

例子2：拖拽物体

using UnityEngine;
using UnityEngine.EventSystems;

public class ObjectDragger : MonoBehaviour, IPointerDownHandler, IDragHandler
{
    private RectTransform rectTransform;

    private void Start()
    {
        rectTransform = GetComponent<RectTransform>();
    }

    public void OnPointerDown(PointerEventData eventData)
    {
        rectTransform.SetAsLastSibling();
    }

    public void OnDrag(PointerEventData eventData)
    {
        rectTransform.anchoredPosition += eventData.delta;
    }
}

操作步骤：

创建一个Canvas对象，并在Canvas下创建一个Image对象。
将Image对象的PhysicsRaycaster组件的Event Mask属性设置为默认值。
将Image对象的ObjectDragger脚本挂载到Image对象上。
运行游戏，点击Image对象并拖动，Image对象会跟随鼠标或触摸移动。

注意事项：

需要在Canvas对象上添加一个Graphics Raycaster组件，以便PhysicsRaycaster能够工作。

例子3：点击按钮播放音效

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

public class ButtonSoundPlayer : MonoBehaviour, IPointerClickHandler
{
    public AudioClip soundClip;

    private Button button;
    private AudioSource audioSource;

    private void Start()
    {
        button = GetComponent<Button>();
        audioSource = GetComponent<AudioSource>();
        audioSource.clip = soundClip;
    }

    public void OnPointerClick(PointerEventData eventData)
    {
        audioSource.Play();
    }
}

操作步骤：

创建一个Canvas对象，并在Canvas下创建一个Button对象。
将Button对象的PhysicsRaycaster组件的Event Mask属性设置为默认值。
在场景中添加一个AudioSource对象，并将音效文件拖拽到ButtonSoundPlayer脚本的soundClip属性上。
将Button对象的ButtonSoundPlayer脚本挂载到Button对象上。
运行游戏，点击Button对象，音效会播放。

注意事项：

需要在Canvas对象上添加一个Graphics Raycaster组件，以便PhysicsRaycaster能够工作。

顺便介绍一下几个其他的组件

1.Graphic Raycaster

主要用于UI上的射线检测，挂有这个组件的物体，必须要挂上Canvas这个组件(当挂上Graphic Raycaster时Canvas也会自动挂上)。

Ignore Reversed Graphics：是否忽略反方向的图形，如果为true，则表示图形正面展示时，会接收到射线检测；反面展示时，不会接收到射线检测；否则，正反面展示都会接收到射线检测

Blocking Objects：屏蔽指定类型的(物理)对象，使它们不参与射线检测。渲染模式不为ScreenSpaceOverlay时起作用。可选值为：
None：不屏蔽任何物理对象
Two D：屏蔽2D物理对象(即具有2D碰撞体的对象)
Three D：屏蔽3D物理对象(即具有3D碰撞体的对象)

All：屏蔽所有物体对象

Blocking Mask：使屏蔽对象中的指定层不参与射线检测。渲染模式不为ScreenSpaceOverlay时，且Blocking Objects不为None时起作用。
例如，Blocking Objects为2D，Blocking Mask为UI，指2D物理对象中是UI层的东西都不会接收射线检测，而2D物理对象中的其他层还是能接收射线检测

3.Selectable

Selectable的意思是可选择的，它是UGUI中很多交互控件(Button/ Slider / InputField / Toggle / Scrollbar /)的基类，其中的Interactable，当值为false时，UI控件会进入disable状态(颜色会变为Disabled Color的那个颜色)，但是UI控件仍然能接收到射线检测！