UnityUI如何实现拖拽模型选择功能
创始人
2024-12-24 01:25:03
0次

指定一块区域,玩家鼠标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 models;  bool isPressing;  public UIDrag dragComp;  Vector3 mousePos;  private void Awake()  {    if(models == null)    {      int i = 0;      models = new List();      foreach(UIModelUtil util in modelsParent.GetComponentsInChildren())      {        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)  {  }}

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...