Ugui中的图片拖拽

最新推荐文章于 2023-02-09 18:36:07 发布

原创最新推荐文章于 2023-02-09 18:36:07 发布 · 401 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#unity #UGUI

Unity 专栏收录该内容

1 篇文章

订阅专栏

这篇博客详细介绍了如何在Unity的UGUI系统中实现图片的拖放功能。通过实现IDragHandler、IBeginDragHandler、IEndDragHandler和IDropHandler接口，博主展示了如何创建拖动时的替代图标，更新拖动位置，开始和结束拖放操作，以及判断拖放目标是否匹配的完整流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

public class UGUIForDrag : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler, IDropHandler
{
    //创建一个Gameobject作为拖拽时被拖拽对象的代替品
    private GameObject drag_icon;
    //该物体是否可以进行拖拽
    public bool isCanDrug;
    //匹配信息
    public string matching;

    /// <summary>
    /// 拖拽时为新生成的拖拽图片进行位置更新
    /// </summary>
    /// <param name="eventData"></param>
    public void OnDrag(PointerEventData eventData)
    {
        if (!isCanDrug) return;
        //并将拖拽时的坐标给予被拖拽对象的代替品
        Vector3 pos;
        if (RectTransformUtility.ScreenPointToWorldPointInRectangle(drag_icon.GetComponent<RectTransform>(), eventData.position, eventData.pressEventCamera, out pos))
        {
            drag_icon.transform.position = pos;
        }
    }
    /// <summary>
    /// 拖拽图片初始
    /// </summary>
    /// <param name="eventData"></param>
    public void OnBeginDrag(PointerEventData eventData)
    {
        if (!isCanDrug) return;
        //代替品实例化
        drag_icon = new GameObject("icon");
        drag_icon.transform.SetParent(GameObject.Find("Canvas").transform, false);
        drag_icon.AddComponent<RectTransform>();
        var img = drag_icon.AddComponent<Image>();
        img.sprite = this.GetComponent<Image>().sprite;



        //防止拖拽结束时，代替品挡住了准备覆盖的对象而使得 OnDrop（） 无效
        CanvasGroup group = drag_icon.AddComponent<CanvasGroup>();
        group.blocksRaycasts = false;
    }
    /// <summary>
    /// 拖拽结束
    /// </summary>
    /// <param name="eventData"></param>
    public void OnEndDrag(PointerEventData eventData)
    {
        //拖拽结束，销毁代替品
        if (drag_icon)
        {
            Destroy(drag_icon);
        }
    }
    /// <summary>
    /// 拖拽到当前图片上
    /// </summary>
    /// <param name="eventData"></param>
    public void OnDrop(PointerEventData eventData)
    {
        //根据代替品的信息，改变当前对象的Sprite。
        var obj = eventData.pointerDrag;
        UGUIForDrag drag = obj.GetComponent<UGUIForDrag>();
        //检测拖拽物品是否是可拖拽的 
        if (drag != null)
        {
            if (!drag.isCanDrug)
            {
                return;
            }
        }
        //信息匹配
        if (IsSameMessage(drag))
        {
            Debug.Log("信息匹配成功");
        }
        else
        {
            Debug.Log("信息匹配失败");
            return;
        }

        this.GetComponent<Image>().sprite = obj.GetComponent<Image>().sprite;
    }
    /// <summary>
    /// 信息匹配
    /// </summary>
    /// <param name="message"></param>
    /// <returns></returns>
    bool IsSameMessage(UGUIForDrag message)
    {
        if (message.matching == matching)

            return true;
        else
            return false;

    }
}