Unity - UGUI精準拖拽UI(手指控制UI放大縮小)

最近在做的一個項目裏面需要鼠標拖動一張圖片移動,起初就使用了Drag的三個接口去實現這個功能,當完成後去查看發現拖拽是實現了,但是每次去拖拽的時候,圖片的中心點就會自動到鼠標點的位置。所以爲了解決這個問題就需要使用偏移量去解決它。Just do it.

update裏的方法是放大縮小的功能,請忽略。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

public class TouchDesgin : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{
    public bool isPrecision = true; //是否是精準拖拽

    private RectTransform m_rect;
    private Vector3 m_offset;
    private Touch oldTouch1;  //上次觸摸點1(手指1)  
    private Touch oldTouch2;  //上次觸摸點2(手指2) 

    void Start()
    {
        m_rect = transform.GetComponent<RectTransform>();
    }

    void Update()
    {
        //沒有觸摸  
        if (Input.touchCount <= 0)
        {
            return;
        }

        //單點觸摸, 水平上下旋轉  
        if (1 == Input.touchCount)
        {
            //Touch touch = Input.GetTouch(0);
            //Vector2 deltaPos = touch.deltaPosition;
            //transform.Rotate(Vector3.down * deltaPos.x, Space.World);
            //transform.Rotate(Vector3.right * deltaPos.y, Space.World);
        }

        if (2 == Input.touchCount)
        {
            JinchuanDataInfo.Instance.idleTimer = 0;
            //多點觸摸, 放大縮小  
            Touch newTouch1 = Input.GetTouch(0);
            Touch newTouch2 = Input.GetTouch(1);

            //第2點剛開始接觸屏幕, 只記錄,不做處理  
            if (newTouch2.phase == TouchPhase.Began)
            {
                oldTouch2 = newTouch2;
                oldTouch1 = newTouch1;
                return;
            }

            //計算老的兩點距離和新的兩點間距離,變大要放大模型,變小要縮放模型  
            float oldDistance = Vector2.Distance(oldTouch1.position, oldTouch2.position);
            float newDistance = Vector2.Distance(newTouch1.position, newTouch2.position);

            //兩個距離之差,爲正表示放大手勢, 爲負表示縮小手勢  
            float offset = newDistance - oldDistance;

            //放大因子, 一個像素按 0.01倍來算(100可調整)  
            float scaleFactor = offset / 100f;
            Vector3 localScale = transform.localScale;
            Vector3 scale = new Vector3(localScale.x + scaleFactor,
                                        localScale.y + scaleFactor,
                                        localScale.z + scaleFactor);

            //最小縮放到 0.3 倍  
            if (scale.x > 0.3f && scale.y > 0.3f && scale.z > 0.3f)
            {
                transform.localScale = scale;
                if (scale.x > 3 && scale.y > 3 && scale.z > 3)
                {
                    transform.localScale = new Vector3(3f, 3f, 3f);
                }
            }

            //記住最新的觸摸點,下次使用  
            oldTouch1 = newTouch1;
            oldTouch2 = newTouch2;
        }
    }

    public void OnBeginDrag(PointerEventData eventData)
    {
        Vector3 tWorldPos;
        if (isPrecision)
        {
            RectTransformUtility.ScreenPointToWorldPointInRectangle(m_rect, eventData.position, eventData.pressEventCamera, out tWorldPos);
            m_offset = transform.position - tWorldPos;
        }
        else
        {
            m_offset = Vector3.zero;
        }
        SetDraggedPosition(eventData);
    }

    public void OnDrag(PointerEventData eventData)
    {
        SetDraggedPosition(eventData);
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        SetDraggedPosition(eventData);
    }

    /// <summary>
    /// 設置位置
    /// </summary>
    /// <param name="eventData"></param>
    private void SetDraggedPosition(PointerEventData eventData)
    {
        JinchuanDataInfo.Instance.idleTimer = 0;

        //存儲當前鼠標所在位置
        Vector3 globalMousePos;
        //UI屏幕座標轉換爲世界座標
        if (RectTransformUtility.ScreenPointToWorldPointInRectangle(m_rect, eventData.position, eventData.pressEventCamera, out globalMousePos))
        {
            //設置位置及偏移量
            m_rect.position = globalMousePos + m_offset;
        }
    }
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章