【UGUI】Unity教程：实现物品的拖拽功能

大家好，今天，我们将一起学习如何在Unity中实现物品的拖拽功能。这是一个非常实用的技能，无论你是在制作RPG游戏的背包系统，还是在制作策略游戏的建筑放置功能，都会用到这个技能。那么，让我们开始吧！

一、需求描述

在这个任务中，我们将使用Unity的UGUI系统和事件系统来实现一个物品的拖拽功能。我们将为物品创建一个脚本，该脚本需要实现IDragHandler、IBeginDragHandler和IEndDragHandler接口。这些接口分别对应于开始拖拽、拖拽进行中和结束拖拽这三个阶段。

二、详细步骤

1. 创建脚本

首先，我们需要为物品创建一个新的脚本，命名为DraggableItem。

2. 实现接口

在DraggableItem脚本中，我们需要实现IDragHandler、IBeginDragHandler和IEndDragHandler接口。你可以参考以下的代码示例：

using UnityEngine;
using UnityEngine.EventSystems;

public class DraggableItem : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{
    private Vector3 originalPosition;

    public void OnBeginDrag(PointerEventData eventData)
    {
        // 记录开始拖拽时的原始位置
        originalPosition = transform.position;
    }

    public void OnDrag(PointerEventData eventData)
    {
        // 更新物品的位置，使其跟随鼠标移动
        transform.position = Input.mousePosition;
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        // 结束拖拽时，可以选择让物品回到原始位置，或者放置在新的位置
        transform.position = originalPosition;
    }
}

3. 挂脚本

接下来，我们需要将DraggableItem脚本附加到物品上，并确保物品有一个RectTransform组件和一个CanvasGroup组件。RectTransform组件用于在UI中定位物品，CanvasGroup组件则用于在拖拽过程中控制物品的显示。

三、测试

完成以上步骤后，你应该能够在游戏中拖拽你的物品。你可以尝试拖拽你的物品，看看它是否能够跟随你的鼠标移动。

四、扩展任务

如果你已经完成了基本任务，你可以尝试进行以下的扩展任务：

• 在OnEndDrag方法中添加代码，实现将物品放置到新的位置的功能。
• 实现一个功能，可以检测物品是否被拖拽到了一个有效的放置位置。

通过完成这个实训任务，你将能够掌握Unity的UGUI系统和事件系统的基本使用，以及如何使用这些系统来实现物品的拖拽功能。希望这个实训任务能够帮助你在Unity游戏开发的道路上更进一步！

附件实例代码：

把下面代码拖到对应的物体身上即可！还创建了一个文本用来显示交互状态！

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

public class EventsystemPoint : MonoBehaviour, IPointerEnterHandler, IPointerExitHandler, IPointerClickHandler, IBeginDragHandler, IDragHandler, IEndDragHandler
{
    GameObject ONETextobj;
    TextMeshProUGUI TmptextComp;

    Quaternion Oringlerotation;
    Vector3 OrianglePos;

    private void Start()
    {
        ONETextobj = GameObject.Find("EventName");
        TmptextComp = ONETextobj.GetComponent<TextMeshProUGUI>();
        Debug.Log(TmptextComp.name);

        OrianglePos = this.transform.position;//记录被拖拽物体原本坐标，拖拽结束后返回这个位置
        Oringlerotation = this.transform.rotation;//记录被拖拽物体原本旋转

    }


    public void OnPointerEnter(PointerEventData eventData)
    {
        TmptextComp.text = "指针滑入了";
        Debug.Log("指针滑入了");
        this.transform.rotation = Quaternion.Euler(0, 30, 0);
    }

    public void OnPointerExit(PointerEventData eventData)
    {
        TmptextComp.text = "指针滑出了";
        Debug.Log("指针滑出了");
        this.transform.rotation = Oringlerotation;
    }

    public void OnPointerClick(PointerEventData eventData)
    {
        TmptextComp.text = "指针点击了";
        Debug.Log("指针点击了");
    }

    public void OnBeginDrag(PointerEventData eventData)
    {
        TmptextComp.text = "拖拽开始";
        Debug.Log("拖拽开始");
        this.transform.position = Input.mousePosition;
    }

    public void OnDrag(PointerEventData eventData)
    {
        TmptextComp.text = "拖拽...";
        Debug.Log("拖拽...ing");
        this.transform.position = Input.mousePosition;//让物体当前坐标跟随鼠标坐标一起移动实现拖拽
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        this.transform.position = OrianglePos;//拖拽结束，让物体回到起始位置的坐标
    }
}

代码007普通

打赏 收藏 海报 链接