【Unity3D】UGUI虛擬搖桿，最簡單實現方式。

1、創建兩個Image，修改第一個Image名稱為 Background，把第二個Image放入 Background 下 結構如下：

2、Background 的圖片設置為 Back_04，把 Background 下的 Image 設置為  Joystick_04 效果如下：

            

3、代碼

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

public class ScrollCircle : ScrollRect
{
    // 半徑
    private float _mRadius = 0f;

    // 距離
    private const float Dis = 0.5f;

    protected override void Start()
    {
        base.Start();

        // 能移動的半徑 = 搖桿的寬 * Dis
        _mRadius = content.sizeDelta.x * Dis;
    }

    public override void OnDrag(PointerEventData eventData)
    {
        base.OnDrag(eventData);
            
        // 獲取搖桿，根據錨點的位置。
        var contentPosition = content.anchoredPosition;

        // 判斷搖桿的位置 是否大於 半徑
        if (contentPosition.magnitude > _mRadius)
        {   
            // 設置搖桿最遠的位置
            contentPosition = contentPosition.normalized * _mRadius;
            SetContentAnchoredPosition(contentPosition);
        }

        // 最后 v2.x/y 就跟 Input中的 Horizontal Vertical 獲取的值一樣 
        var v2 = content.anchoredPosition.normalized;
    }
}

4、最后把 ScrollCircle 放到 Background 上，把Image拖入content中，完成。