Unity UGUI实现鼠标拖动图片

在 Unity UGUI 中实现鼠标拖动图片的功能，其核心原理主要涉及到事件检测、坐标转换以及物体位置更新，下面为你详细介绍整个过程：

1. 事件检测
   借助 Unity 提供的事件系统来捕捉鼠标的交互动作，特别是鼠标按下、拖动和释放这几个关键事件。要实现此功能，需让脚本继承特定的接口，这些接口定义了相应的事件处理方法。具体如下：
   IPointerDownHandler：该接口用于处理鼠标按下事件，当鼠标按下图片时，会触发 OnPointerDown 方法。
   IDragHandler：用于处理鼠标拖动事件，在鼠标拖动过程中，会持续调用 OnDrag 方法。
   IPointerUpHandler：处理鼠标释放事件，当鼠标释放时，会调用 OnPointerUp 方法。
2. 坐标转换
   由于鼠标在屏幕上的坐标是屏幕空间坐标，而 UGUI 中的 UI 元素使用的是画布空间坐标，因此需要进行坐标转换，将鼠标的屏幕坐标转换为 UI 元素所在的画布坐标。可以使用 RectTransformUtility.ScreenPointToLocalPointInRectangle 方法来完成这一转换。
3. 物体位置更新
   在鼠标拖动过程中，根据鼠标的移动量来更新图片的位置。通过计算鼠标在当前帧相对于上一帧的偏移量，将这个偏移量应用到图片的位置上，从而实现图片跟随鼠标移动的效果。

代码如下：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
/// <summary>
/// **************************UGUI拖动图片,脚本挂在Image上即可*********************************
/// </summary>
public class TuoDongWuPin : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler
{
    //需要被实例化的与制体
    //public GameObject YuSheWu;
    //实例化后的对象
    private Image img;
    Vector3 offPos;//存储按下鼠标时的图片-鼠标位置差
    Vector3 arragedPos; //保存经过整理后的向量，用于图片移动
    /// <summary>
    /// 开始拖拽的时候
    /// </summary>
    /// <param name="eventData"></param>
    public void OnBeginDrag(PointerEventData eventData)
    {
        if (RectTransformUtility.ScreenPointToWorldPointInRectangle(transform.GetComponent<RectTransform>(), Input.mousePosition
     , eventData.enterEventCamera, out arragedPos))
        {
            offPos = transform.position - arragedPos;
        }
    }
    /// <summary>
    /// 拖拽中
    /// </summary>
    /// <param name="eventData"></param>
    public void OnDrag(PointerEventData eventData)
    {
        transform.position = offPos + Input.mousePosition;
    }
    /// <summary>
    /// 拖拽结束
    /// </summary>
    /// <param name="eventData"></param>
    public void OnEndDrag(PointerEventData eventData)
    {
        transform.position = transform.parent.transform.position;
    }
}