Unity UGUI實(shí)現(xiàn)簡(jiǎn)單拖拽圖片功能
這一篇博客我們來使用 UGUI 實(shí)現(xiàn)圖片的拖拽功能。
說到拖拽,那必然離不開坐標(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)槲乙彩且活^霧水,怕我說了你們直接關(guān)瀏覽器了。
這里我們只需要知道 UI 的坐標(biāo)和鼠標(biāo)的坐標(biāo)是不一樣的,他們之間的相互移動(dòng)需要轉(zhuǎn)換就行了。
既然需要轉(zhuǎn)換,就少不了使用方法。所以這里有一些官方的 UGUI監(jiān)聽事件:
(我就不獻(xiàn)丑翻譯了,英語還是有點(diǎn)渣。)
要給控件添加以上的監(jiān)聽事件,有三種方法:
1、編寫一個(gè)類,實(shí)現(xiàn)上面的接口(用哪個(gè),實(shí)現(xiàn)哪個(gè)),給空間添加此腳本。
2、添加EventTrigger這個(gè)組件
添加想要添加的監(jiān)聽
然后就像給Buttong添加監(jiān)聽一樣添加方法就行。
3、程序動(dòng)態(tài)添加。
這里我使用第一種方法,后面兩種有機(jī)會(huì)的話就講一下。
現(xiàn)在我們就正式開始實(shí)現(xiàn)功能。新建一個(gè) 2D項(xiàng)目。場(chǎng)景中添加一張圖片(不一定要圖片,其他控件也行),然后給圖片添加腳本,名為MyDrag,編輯:
using UnityEngine; using UnityEngine.EventSystems; using System.Collections; using System; //給空間添加監(jiān)聽事件要實(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(); //用來得到鼠標(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<RectTransform>(); } //當(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(); //用來接收轉(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ù)圖片 } }
現(xiàn)在就實(shí)現(xiàn)了簡(jiǎn)單的拖放功能。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
C#調(diào)用windows api關(guān)機(jī)(關(guān)機(jī)api)示例代碼分享
本文主要介紹了C#調(diào)用windows api關(guān)機(jī)的示例代碼,大家參考使用吧2014-01-01C#使用Clipboard類實(shí)現(xiàn)剪貼板功能
這篇文章介紹了C#使用Clipboard類實(shí)現(xiàn)剪貼板功能的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06C#通過第三方組件生成二維碼(QR Code)和條形碼(Bar Code)
用C#如何生成二維碼,我們可以通過現(xiàn)有的第三方dll直接來實(shí)現(xiàn),下面列出幾種不同的生成方法2016-12-12WindowsForm實(shí)現(xiàn)警告消息框的實(shí)例代碼
這篇文章主要介紹了WindowsForm如何實(shí)現(xiàn)警告消息框,文中講解非常細(xì)致,代碼幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-07-07C#將布爾類型轉(zhuǎn)換成字節(jié)數(shù)組的方法
這篇文章主要介紹了C#將布爾類型轉(zhuǎn)換成字節(jié)數(shù)組的方法,涉及C#中字符串函數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04C#使用GZipStream實(shí)現(xiàn)文件的壓縮與解壓
這篇文章主要為大家詳細(xì)介紹了C#使用GZipStream實(shí)現(xiàn)文件的壓縮與解壓,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-10-10