它的原理就是利用ScrollRect来限制摇块的摇动区域,但是ScrollRect是矩形的,我们的摇杆的摇动区域应该是个圆形的才对。所以顺着这个思路我简单的改了改。
如下图所示, ScrollCircle就是摇杆的背景, 里面的Image就是摇块。

代码
C#

using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class ScrollCircle :ScrollRect
{
    protected float mRadius=0f;

    protected override void Start()
    {
        base.Start();
        //计算摇杆块的半径
        mRadius = (transform as RectTransform).sizeDelta.x * 0.5f;
    }

    public override void OnDrag (UnityEngine.EventSystems.PointerEventData eventData)
    {
        base.OnDrag (eventData);
        var contentPostion = this.content.anchoredPosition;
        if (contentPostion.magnitude > mRadius){
            contentPostion = contentPostion.normalized * mRadius ;
            SetContentAnchoredPosition(contentPostion);
        }
    }
}

几行代码就出来了。然后就是摇杆的事件, 可以用UGUI的源生事件 IEndDragHandler , IBeginDragHandler