[Unity3D] 鼠标点击图片移动效果

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

public class LoginMoveWithMouse : MonoBehaviour, IDragHandler, IPointerDownHandler {
    //偏移值
    private Vector3 offset;
    //父物体变换组件
    private RectTransform PrentRTF;         

    private void Start() {
        //查找父物体变换组件,仅需要执行一次即可,所以写在Start()方法
        PrentRTF = this.transform.parent as RectTransform;          
    }


    //拖拽时执行方法
    public void OnDrag(PointerEventData eventData) {

        /*
        仅限于Canvas overlay渲染模式模式,鼠标拖动图片移动
        如果考虑偏移量问题,可以直接写下边的代码.简单
        this.transform.position = eventData.position;  
        */


        /*
        通用模式
        将屏幕坐标转换为世界坐标
        RectTransformUtility.ScreenPointToWorldPointInRectangle
        (父物体的变换组件,屏幕坐标,摄像机,out 世界坐标)
        */
        Vector3 wordPoint;
        RectTransformUtility.ScreenPointToWorldPointInRectangle(PrentRTF, eventData.position, eventData.pressEventCamera, out wordPoint);
        /*移动,并计算偏移量*/
        this.transform.position = wordPoint + offset;




    }

    /// <summary>
    /// 当光标按下物体时执行,此方法用于记录偏移值
    /// </summary>
    /// <param name="eventData">获取到的信息</param>
    public void OnPointerDown(PointerEventData eventData) {
        /*通用模式,鼠标拖动图片移动
        将屏幕坐标转换为世界坐标
        //RectTransformUtility.ScreenPointToWorldPointInRectangle(父物体的变换组件,屏幕坐标,摄像机,out 世界坐标)
        */
        Vector3 wordPoint;
        RectTransformUtility.ScreenPointToWorldPointInRectangle(PrentRTF, eventData.position, eventData.pressEventCamera, out wordPoint);
        //记录偏移值(图片的轴心点 - 鼠标点下的位置)
        offset = this.transform.position -  wordPoint;
    }
}

第二种方法:将代码挂在到需要移动的对象身上

using UnityEngine;
using UnityEngine.EventSystems;

public class MoveBag : MonoBehaviour,IDragHandler
{
    RectTransform currentRect;

   private void Awake() {
        currentRect = GetComponent<RectTransform>();
    }

    /// <summary>
    /// 当拖拽时触发
    /// </summary>
    /// <param name="eventData"></param>
    public void OnDrag(PointerEventData ed) {
        //中心锚点位置 += 鼠标的移动
        currentRect.anchoredPosition += ed.delta;
    }
}

附GIF图,注意鼠标点击的位置,只要是点击在图片上,

任意位置都能移动且计算并修复偏移值

如不想考虑偏移值,请看23行代码