Unity 虛擬搖桿的實現

 一般地，虛擬搖桿是放在UI層的。

所以先在Canvas建立一個空對象（這里被命名成MoveController），再在空對象里面放一個作為搖桿圖片的Image。

 

然后通過覆蓋重寫UnityEngine.UI的ScrollRect成一個新的腳本，加載到Image對象上。

腳本代碼：

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

public class MoveController : ScrollRect{
    float mMaxRadius;
    public bool ifmove;
    public Vector2 moveDelta = new Vector2();

    protected override void Start()
    {
        base.Start();
        //計算搖桿塊的半徑 = 搖桿的寬的一半
        mMaxRadius = content.sizeDelta.x * 0.5f;
    }

    //拖動時
    public override void OnDrag(UnityEngine.EventSystems.PointerEventData eventData)
    {
        base.OnDrag(eventData);

        var contentPostion = this.content.anchoredPosition;
        //如果超出搖桿范圍
        if (contentPostion.magnitude > mMaxRadius)
        {
            contentPostion = contentPostion.normalized * mMaxRadius;
            SetContentAnchoredPosition(contentPostion);
        }
        //獲取拖動的delta值 （-1<DeltaX<1，-1<DeltaY<1）
        moveDelta.x = contentPostion.x/ mMaxRadius;
        moveDelta.y = contentPostion.y/ mMaxRadius;
        //表示正在移動搖桿
        ifmove = true;
    }

    public void Update()
    {
        //,,,,,,,
        //可根據moveDelta值做某些事情
    }

    //當結束拖動時
    public override void OnEndDrag(PointerEventData eventData)
    {
        base.OnEndDrag(eventData);

        moveDelta.x = 0;
        moveDelta.y = 0;
        //表示停止移動搖桿
        ifmove = false;
        //重置位置
        SetContentAnchoredPosition(Vector3.zero);
    }
}

 

在Unity面板調好腳本屬性（如下圖示例），然后將Image拖到腳本的Content屬性里

我們可能還需要額外的公開變量放在MoveController里面，以便在Unity面板調用調試。

但是由於MoveController腳本是覆蓋於ScrollRect的，無論你在MoveController腳本里寫多少公開的成員變量。

在Unity的面板顯示的永遠是ScrollView的面板。

 

這時候可以額外寫多一個輔助腳本，間接訪問MoveController，從而讓公開變量可以在面板調試。

（如下圖的MoveController_CallBack示例）