這一篇博客我們來(lái)使用 UGUI 實(shí)現(xiàn)圖片的拖拽功能。

說(shuō)到拖拽，那必然離不開(kāi)坐標(biāo)，UGUI 的坐標(biāo)有點(diǎn)不一樣，它有兩種坐標(biāo)，一種是屏幕坐標(biāo)，還有一種就是 UI 在Canvas內(nèi)的坐標(biāo)(暫時(shí)叫做ugui坐標(biāo)。)，這兩個(gè)坐標(biāo)是不一樣的，所以拖拽是就需要轉(zhuǎn)換。因?yàn)槭髽?biāo)的移動(dòng)是屏幕坐標(biāo)，而 UI 的移動(dòng)是ugui坐標(biāo)。轉(zhuǎn)換的方法：

RectTransformUtility.ScreenPointToLocalPointInRectangle ( … );這個(gè)方法可以把屏幕坐標(biāo)轉(zhuǎn)換成 ugui 坐標(biāo)。至于屏幕坐標(biāo)和 UGUI 坐標(biāo)的區(qū)別、轉(zhuǎn)換之類的我就不講了，因?yàn)槲乙彩且活^霧水，怕我說(shuō)了你們直接關(guān)瀏覽器了。

這里我們只需要知道 UI 的坐標(biāo)和鼠標(biāo)的坐標(biāo)是不一樣的，他們之間的相互移動(dòng)需要轉(zhuǎn)換就行了。

既然需要轉(zhuǎn)換，就少不了使用方法。所以這里有一些官方的 UGUI監(jiān)聽(tīng)事件：

(我就不獻(xiàn)丑翻譯了，英語(yǔ)還是有點(diǎn)渣。)

要給控件添加以上的監(jiān)聽(tīng)事件，有三種方法：

1、編寫(xiě)一個(gè)類，實(shí)現(xiàn)上面的接口(用哪個(gè)，實(shí)現(xiàn)哪個(gè))，給空間添加此腳本。

2、添加EventTrigger這個(gè)組件

添加想要添加的監(jiān)聽(tīng)

然后就像給Buttong添加監(jiān)聽(tīng)一樣添加方法就行。

3、程序動(dòng)態(tài)添加。

這里我使用第一種方法，后面兩種有機(jī)會(huì)的話就講一下。

現(xiàn)在我們就正式開(kāi)始實(shí)現(xiàn)功能。新建一個(gè) 2D項(xiàng)目。場(chǎng)景中添加一張圖片(不一定要圖片，其他控件也行)，然后給圖片添加腳本，名為MyDrag，編輯：

using UnityEngine;

using UnityEngine.EventSystems;

using System.Collections;

using System;

//給空間添加監(jiān)聽(tīng)事件要實(shí)現(xiàn)的一些接口

public class MyDrag : MonoBehaviour, IPointerDownHandler, IDragHandler, IPointerUpHandler,

IEndDragHandler, IPointerEnterHandler, IPointerExitHandler {

public RectTransform canvas; //得到canvas的ugui坐標(biāo)

private RectTransform imgRect; //得到圖片的ugui坐標(biāo)

Vector2 offset = new Vector3(); //用來(lái)得到鼠標(biāo)和圖片的差值

Vector3 imgReduceScale = new Vector3(0.8f, 0.8f, 1); //設(shè)置圖片縮放

Vector3 imgNormalScale = new Vector3(1, 1, 1); //正常大小

// Use this for initialization

void Start () {

imgRect = GetComponent();

}

//當(dāng)鼠標(biāo)按下時(shí)調(diào)用 接口對(duì)應(yīng) IPointerDownHandler

public void OnPointerDown(PointerEventData eventData)

{

Vector2 mouseDown = eventData.position; //記錄鼠標(biāo)按下時(shí)的屏幕坐標(biāo)

Vector2 mouseUguiPos = new Vector2(); //定義一個(gè)接收返回的ugui坐標(biāo)

//RectTransformUtility.ScreenPointToLocalPointInRectangle()：把屏幕坐標(biāo)轉(zhuǎn)化成ugui坐標(biāo)

//canvas：坐標(biāo)要轉(zhuǎn)換到哪一個(gè)物體上，這里img父類是Canvas，我們就用Canvas

//eventData.enterEventCamera：這個(gè)事件是由哪個(gè)攝像機(jī)執(zhí)行的

//out mouseUguiPos：返回轉(zhuǎn)換后的ugui坐標(biāo)

//isRect：方法返回一個(gè)bool值，判斷鼠標(biāo)按下的點(diǎn)是否在要轉(zhuǎn)換的物體上

bool isRect = RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas, mouseDown, eventData.enterEventCamera, out mouseUguiPos);

if (isRect) //如果在

{

//計(jì)算圖片中心和鼠標(biāo)點(diǎn)的差值

offset = imgRect.anchoredPosition - mouseUguiPos;

}

}

//當(dāng)鼠標(biāo)拖動(dòng)時(shí)調(diào)用 對(duì)應(yīng)接口 IDragHandler

public void OnDrag(PointerEventData eventData)

{

Vector2 mouseDrag = eventData.position; //當(dāng)鼠標(biāo)拖動(dòng)時(shí)的屏幕坐標(biāo)

Vector2 uguiPos = new Vector2(); //用來(lái)接收轉(zhuǎn)換后的拖動(dòng)坐標(biāo)

//和上面類似

bool isRect = RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas, mouseDrag, eventData.enterEventCamera, out uguiPos);

if (isRect)

{

//設(shè)置圖片的ugui坐標(biāo)與鼠標(biāo)的ugui坐標(biāo)保持不變

imgRect.anchoredPosition = offset + uguiPos;

}

}

//當(dāng)鼠標(biāo)抬起時(shí)調(diào)用 對(duì)應(yīng)接口 IPointerUpHandler

public void OnPointerUp(PointerEventData eventData)

{

offset = Vector2.zero;

}

//當(dāng)鼠標(biāo)結(jié)束拖動(dòng)時(shí)調(diào)用 對(duì)應(yīng)接口 IEndDragHandler

public void OnEndDrag(PointerEventData eventData)

{

offset = Vector2.zero;

}

//當(dāng)鼠標(biāo)進(jìn)入圖片時(shí)調(diào)用 對(duì)應(yīng)接口 IPointerEnterHandler

public void OnPointerEnter(PointerEventData eventData)

{

imgRect.localScale = imgReduceScale; //縮小圖片

}

//當(dāng)鼠標(biāo)退出圖片時(shí)調(diào)用 對(duì)應(yīng)接口 IPointerExitHandler

public void OnPointerExit(PointerEventData eventData)

{

imgRect.localScale = imgNormalScale; //回復(fù)圖片

}

}

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的unity图片拖不进去_Unity UGUI实现简单拖拽图片功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。