這篇文章給大家分享的是有關如何實現Unity UI拖拽模型選擇功能的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

指定一塊區域,玩家鼠標or手指拖拽這個區域,模型會進行偏移,并用于進行人物、道具的選擇
給模型定義一些屬性
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class UIModelUtil : MonoBehaviour
{
public Animator animator;
public int id;
public int index;
}模型控制
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class UIModelControl : MonoBehaviour
{
public Transform modelsParent;
public Transform centerPos;
public float interval;
public bool loop;
List<UIModelUtil> models;
bool isPressing;
public UIDrag dragComp;
Vector3 mousePos;
private void Awake()
{
if(models == null)
{
int i = 0;
models = new List<UIModelUtil>();
foreach(UIModelUtil util in modelsParent.GetComponentsInChildren<UIModelUtil>())
{
models.Add(util);
//util.index = i;
Vector3 pos = Vector3.zero;
pos.x = i * interval;
util.transform.localPosition = pos;
i++;
}
}
}
private void Start()
{
JumpToSelect();
}
private void Update()
{
//接受拖拽事件
if (isPressing)
{
float x = GetInputDeltaX();
int dir = 0;
if (x > 0) dir = 1;
else if (x < 0) dir = -1;
//分辨率修正
if (dir == 0) return;
x = Mathf.Abs(x) / (Screen.width) * 800f;
if (x > 800f) x = 800f;
//偏移
float currectX = Mathf.Lerp(0, interval, x / 800f) * dir;
Vector3 pos = modelsParent.position;
pos.x += currectX;
Transform right = GetRight().transform;
Transform left = GetLeft().transform;
//不循環時候設置邊框
if (models.Count > 2 || !loop || models.Count == 1)
{
if (right.localPosition.x + interval / 10 < -pos.x) pos.x = -(right.localPosition.x + interval / 10);
else if (left.localPosition.x - interval / 10 > -pos.x) pos.x = -(left.localPosition.x - interval / 10);
//modelsParent.position = pos;
}
//只有兩個循環的時候
else if (models.Count == 2 && loop)
{
Transform selected = GetSelect().transform;
//當前是右邊那個且向右拖拽
if (selected == right && dir < 0)
{
Vector3 leftPos = left.localPosition;
leftPos.x = right.localPosition.x + interval;
left.localPosition = leftPos;
}
//當前是左邊那個且向左拖拽
else if (selected == left && dir > 0)
{
Vector3 rightPos = right.localPosition;
rightPos.x = left.localPosition.x - interval;
right.localPosition = rightPos;
}
}
modelsParent.position = pos;
AfterSelect();
}
}
void AfterSelect()
{
foreach(UIModelUtil util in models)
{
float dis = GetXDis(util);
//設置顯示
if (dis > interval)
util.gameObject.SetActive(false);
else
{
//越靠近中間越前
util.gameObject.SetActive(true);
float t = Mathf.Abs(dis) / interval;
float y = Mathf.Lerp(centerPos.position.z, modelsParent.position.z, t);
Vector3 pos = util.transform.position;
pos.z = y;
util.transform.position = pos;
}
}
//循環時候位置修正
if (loop && models.Count > 2)
{
Transform right = GetRight().transform;
Transform left = GetLeft().transform;
Transform selected = GetSelect().transform;
if (selected == right)
{
Vector3 pos = right.position;
pos.x += interval;
left.position = pos;
}
else if (selected == left)
{
Vector3 pos = left.position;
pos.x -= interval;
right.position = pos;
}
}
//設置UI選中狀況
dragComp.OnSelected(GetSelect().id, GetSelect().index);
}
//通過id選中
UIModelUtil GetById(int id)
{
if (models == null) return null;
UIModelUtil target = null;
foreach (UIModelUtil util in models)
{
if (util.id == id) return util;
}
return target;
}
//獲取當前選中
UIModelUtil GetSelect()
{
if (models == null) return null;
float min = 9999;
UIModelUtil target = null;
foreach(UIModelUtil util in models)
{
float dis = Mathf.Abs( GetXDis(util));
if(dis < min)
{
target = util;
min = dis;
}
}
return target;
}
//所有模型最右邊的那個
UIModelUtil GetRight()
{
if (models == null) return null;
float max = -9999;
UIModelUtil target = null;
foreach(UIModelUtil util in models)
{
float dis = util.transform.localPosition.x;
if(dis > max)
{
target = util;
max = dis;
}
}
return target;
}
//所有模型最左邊的那個
UIModelUtil GetLeft()
{
if (models == null) return null;
float min = 9999;
UIModelUtil target = null;
foreach(UIModelUtil util in models)
{
float dis = util.transform.localPosition.x;
if(dis < min)
{
target = util;
min = dis;
}
}
return target;
}
//UI控件按下觸發
public void OnPress()
{
if (isPressing) return;
isPressing = true;
if (Application.isEditor)
mousePos = Input.mousePosition;
else
mousePos = Input.GetTouch(0).position;
if (backing != null) StopCoroutine(backing);
}
//UI控件釋放觸發
public void OnRelease()
{
backing = StartCoroutine(ToSelect());
isPressing = false;
}
Coroutine backing;
//釋放后偏移
IEnumerator ToSelect()
{
UIModelUtil selected = GetSelect();
float dis = GetXDis(selected);
float time = Mathf.Lerp (0, 1f, Mathf.Abs(dis) / interval);
float timer = 0;
Vector3 from = modelsParent.localPosition;
Vector3 to = from;
to.x = -selected.transform.localPosition.x;
while(timer < time)
{
timer += Time.deltaTime;
float t = timer / time;
Vector3 pos = Vector3.Lerp(from, to, t);
modelsParent.localPosition = pos;
AfterSelect();
yield return null;
}
backing = null;
}
//獲取手指偏移量
float GetInputDeltaX()
{
Vector3 pos;
if (Application.isEditor)
pos = Input.mousePosition;
else
pos = Input.GetTouch(0).position;
Vector3 delta = pos - mousePos;
//Debug.Log(pos +"/"+mousePos +"/"+ delta.x);
mousePos = pos;
return delta.x;
}
//計算偏移中心位置的X軸距離
float GetXDis(UIModelUtil util)
{
return util.transform.position.x - centerPos.position.x;
}
// 跳轉到選中的id
public void JumpToSelect()
{
int id = CharacterManager.characterId;
Vector3 pos = modelsParent.localPosition;
UIModelUtil selected = GetById(id);
pos.x = -selected.transform.localPosition.x;
modelsParent.localPosition = pos;
AfterSelect();
}
}UI接受點擊事件:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
public class UIDrag : MonoBehaviour,IPointerDownHandler, IPointerUpHandler
{
public UIModelControl control;
virtual public void OnPointerDown(PointerEventData data)
{
control.OnPress();
}
virtual public void OnPointerUp(PointerEventData data)
{
control.OnRelease();
}
virtual public void OnSelected(int id, int index)
{
}
}感謝各位的閱讀!關于“如何實現Unity UI拖拽模型選擇功能”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
標題名稱:如何實現UnityUI拖拽模型選擇功能-創新互聯
當前網址:http://www.yijiale78.com/article26/pcijg.html
成都網站建設公司_創新互聯,為您提供網站制作、網站收錄、網站維護、靜態網站、企業網站制作、網站導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯