真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

UGUI如何實(shí)現(xiàn)圖片拖拽功能

這篇文章主要為大家展示了UGUI如何實(shí)現(xiàn)圖片拖拽功能,內(nèi)容簡而易懂,希望大家可以學(xué)習(xí)一下,學(xué)習(xí)完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供烏爾禾網(wǎng)站建設(shè)、烏爾禾做網(wǎng)站、烏爾禾網(wǎng)站設(shè)計、烏爾禾網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、烏爾禾企業(yè)網(wǎng)站模板建站服務(wù),10多年烏爾禾做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

說到拖拽,那必然離不開坐標(biāo),UGUI 的坐標(biāo)有點(diǎn)不一樣,它有兩種坐標(biāo),一種是屏幕坐標(biāo),還有一種就是 UI 在Canvas內(nèi)的坐標(biāo)(暫時叫做ugui坐標(biāo)。),這兩個坐標(biāo)是不一樣的,所以拖拽是就需要轉(zhuǎn)換。因為鼠標(biāo)的移動是屏幕坐標(biāo),而 UI 的移動是ugui坐標(biāo)。轉(zhuǎn)換的方法:

RectTransformUtility.ScreenPointToLocalPointInRectangle ( … );這個方法可以把屏幕坐標(biāo)轉(zhuǎn)換成 ugui 坐標(biāo)。至于屏幕坐標(biāo)和 UGUI 坐標(biāo)的區(qū)別、轉(zhuǎn)換之類的我就不講了,因為我也是一頭霧水,怕我說了你們直接關(guān)瀏覽器了。

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

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

UGUI如何實(shí)現(xiàn)圖片拖拽功能

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

要給控件添加以上的監(jiān)聽事件,有三種方法:

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

2、添加EventTrigger這個組件

UGUI如何實(shí)現(xiàn)圖片拖拽功能

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

UGUI如何實(shí)現(xiàn)圖片拖拽功能

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

3、程序動態(tài)添加

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

現(xiàn)在我們就正式開始實(shí)現(xiàn)功能。新建一個 2D項目。場景中添加一張圖片(不一定要圖片,其他控件也行),然后給圖片添加腳本,名為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();

 }

 //當(dāng)鼠標(biāo)按下時調(diào)用 接口對應(yīng) IPointerDownHandler
 public void OnPointerDown(PointerEventData eventData)
 {
 Vector2 mouseDown = eventData.position; //記錄鼠標(biāo)按下時的屏幕坐標(biāo)
 Vector2 mouseUguiPos = new Vector2(); //定義一個接收返回的ugui坐標(biāo)
 //RectTransformUtility.ScreenPointToLocalPointInRectangle():把屏幕坐標(biāo)轉(zhuǎn)化成ugui坐標(biāo)
 //canvas:坐標(biāo)要轉(zhuǎn)換到哪一個物體上,這里img父類是Canvas,我們就用Canvas
 //eventData.enterEventCamera:這個事件是由哪個攝像機(jī)執(zhí)行的
 //out mouseUguiPos:返回轉(zhuǎn)換后的ugui坐標(biāo)
 //isRect:方法返回一個bool值,判斷鼠標(biāo)按下的點(diǎn)是否在要轉(zhuǎn)換的物體上
 bool isRect = RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas, mouseDown, eventData.enterEventCamera, out mouseUguiPos);
 if (isRect) //如果在
 {
 //計算圖片中心和鼠標(biāo)點(diǎn)的差值
 offset = imgRect.anchoredPosition - mouseUguiPos;
 }
 }

 //當(dāng)鼠標(biāo)拖動時調(diào)用 對應(yīng)接口 IDragHandler
 public void OnDrag(PointerEventData eventData)
 {
 Vector2 mouseDrag = eventData.position; //當(dāng)鼠標(biāo)拖動時的屏幕坐標(biāo)
 Vector2 uguiPos = new Vector2(); //用來接收轉(zhuǎn)換后的拖動坐標(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)抬起時調(diào)用 對應(yīng)接口 IPointerUpHandler
 public void OnPointerUp(PointerEventData eventData)
 {
 offset = Vector2.zero;
 }

 //當(dāng)鼠標(biāo)結(jié)束拖動時調(diào)用 對應(yīng)接口 IEndDragHandler
 public void OnEndDrag(PointerEventData eventData)
 {
 offset = Vector2.zero;
 }

 //當(dāng)鼠標(biāo)進(jìn)入圖片時調(diào)用 對應(yīng)接口 IPointerEnterHandler
 public void OnPointerEnter(PointerEventData eventData)
 {
 imgRect.localScale = imgReduceScale; //縮小圖片
 }

 //當(dāng)鼠標(biāo)退出圖片時調(diào)用 對應(yīng)接口 IPointerExitHandler
 public void OnPointerExit(PointerEventData eventData)
 {
 imgRect.localScale = imgNormalScale; //回復(fù)圖片
 }
}

現(xiàn)在就實(shí)現(xiàn)了簡單的拖放功能。

以上就是關(guān)于UGUI如何實(shí)現(xiàn)圖片拖拽功能的內(nèi)容,如果你們有學(xué)習(xí)到知識或者技能,可以把它分享出去讓更多的人看到。


當(dāng)前標(biāo)題:UGUI如何實(shí)現(xiàn)圖片拖拽功能
轉(zhuǎn)載來源:http://weahome.cn/article/jhscio.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部