簡單實現UGUI拖拽功能

最近開始學習UGUI，但發現相比NGUI，UGUI的資料比較少，很多東西只能慢慢摸索，我參考了一下Unity官方出的Unity Samples UI例子，嘗試完成UI拖拽功能。

1.首先模擬一個簡單的物品拖拽的菜單：

2.然后在准備拖拽的Image1和Image2上添加同一個腳本：

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

public class TestForDrag : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler, IDropHandler
{
    //創建一個Gameobject作為拖拽時被拖拽對象的代替品
    private GameObject drag_icon;

    public void OnDrag(PointerEventData eventData)
    {
        //並將拖拽時的坐標給予被拖拽對象的代替品
        Vector3 pos;
        if (RectTransformUtility.ScreenPointToWorldPointInRectangle(drag_icon.GetComponent<RectTransform>(),
            eventData.position, Camera.main, out pos))
        {
            drag_icon.transform.position = pos;
        }

    }

    public void OnBeginDrag(PointerEventData eventData)
    {
        //代替品實例化
        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;  
    }
    public void OnEndDrag(PointerEventData eventData) 
    {
        //拖拽結束，銷毀代替品
        if (drag_icon) 
        {
            Destroy(drag_icon);
        }
    }

    public void OnDrop(PointerEventData eventData)
    {
        //根據代替品的信息，改變當前對象的Sprite。
        var obj = eventData.pointerDrag;
        this.GetComponent<Image>().sprite = obj.GetComponent<Image>().sprite;
    }
}

3.將Canvas上的Canvas組件的RenderMode改為Screen Space-Camera或者World Space，就OK了。

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

注意事項：

1.

腳本需要先引入

using UnityEngine.UI;
using UnityEngine.EventSystems;

 

2.

引入EventSystems后，繼承IDragHandler, IBeginDragHandler, IEndDragHandler, IDropHandler

其分別代表 拖動，開始拖動，結束拖動，拖動目標 ，然后分別實現其相關的處理函數:

public void OnBeginDrag(PointerEventData eventData);

public void OnDrag(PointerEventData eventData);

public void OnEndDrag(PointerEventData eventData) ;

public void OnEndDrag(PointerEventData eventData) ;

 

3.

在創建代替品后，代碼添加CanvasGroup組價，並將blocksRaycasts設為false；

這樣可以防止其他物體被代替品遮擋，導致拖動目標位置的GameObject無法事件監測，OnDrop(PointerEventData eventData)函數無法執行。