【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中，完成。