新手引导

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

public class Test : MonoBehaviour
{
    public Button button1;
    public Button button2;
    public Button button3;
    public Button button4;
    void Start()
    {
        button1.onClick.AddListener(Button1Click);
        button2.onClick.AddListener(Button2Click);
        button3.onClick.AddListener(Button3Click);
        button4.onClick.AddListener(Button4Click);



    }
 



    void Button1Click()
    {
        Debug.Log("1");
        GuideMask.Instance.CreateCircleMaskoffset(button2.gameObject, 0, null);

    }

    void Button2Click()
    {
        Debug.Log("2");
        GuideMask.Instance.CreateCircleMaskoffset(button3.gameObject, 0, null);

    }

    void Button3Click()
    {
        Debug.Log("3");
        GuideMask.Instance.CreateCircleMaskoffset(button4.gameObject, 0, null);

    }

    void Button4Click()
    {
        //开始新手引导
        Debug.Log("4");
        GuideMask.Instance.CloseGuideMask();
    }

}

using System;
using UnityEngine;
using UnityEngine.Events;
using UnityEngine.UI;

public class GuideMask : MonoBehaviour
{
    private RawImage _rawImage; //遮罩图片
    private RectTransform _rectTrans;
    Material _materia;
    Canvas _canvas;
    private EventPenetrate ev;
    GameObject guide;

    bool ShowTween = false;
    float CurRadNum;
    Action Tweencallback;

    bool callback = false;
    public static GuideMask Instance
    {
        private set;
        get;
    }

    void Awake()
    {
        Instance = this;
    }
    public void CreateMaskClick(UnityAction Clickcallback, Action callback, bool black = false)
    {
        ShowGuideMask(() =>
        {
            if (guide != null)
            {
                if (black)
                {
                    _rawImage.color = new Color(0, 0, 0, 1);
                }
                else
                {
                    _rawImage.color = new Color(1, 1, 1, 0);
                }

                guide.GetComponent<Button>().onClick.RemoveAllListeners();
                guide.GetComponent<Button>().onClick.AddListener(Clickcallback);
                callback();
            }
        });
    }



    /// <summary>
    /// 创建圆形点击区域
    /// </summary>
    /// <param name="target">目标位置</param>
    /// <param name="offeset">大小偏移量</param>
    /// <param name="CallBack">点击的回调</param>
    public void CreateCircleMaskoffset(GameObject target, float offset, Action callback)
    {
        if (target != null)
        {
            RectTransform rec = target.GetComponent<RectTransform>();
            CreateCircleMask(GetTargetCenter(rec), GetTargetRad(rec) + offset, target);
            Tweencallback = null;
            Tweencallback = callback;
        }
    }


    /// <summary>
    /// 创建圆形点击区域
    /// </summary>
    /// <param name="target">目标位置</param>
    /// <param name="offeset">大小偏移量</param>
    /// <param name="CallBack">点击的回调</param>
    public void CreateCircleMaskPos(GameObject target, float offset, float x, float y, Action callback = null)
    {
        if (target != null)
        {
            RectTransform rec = target.GetComponent<RectTransform>();
            CreateCircleMask(GetTargetCenter(rec, x, y), GetTargetRad(rec) + offset, target);
            Tweencallback = null;
            Tweencallback = callback;
        }
    }


    /// <summary>
    /// 创建圆形点击区域
    /// </summary>
    /// <param name="pos">圆心的屏幕位置</param>
    /// <param name="rad">圆的半径</param>
    /// <param name="CallBack">点击的回调</param>
    public void CreateCircleMask(Vector3 pos, float rad, GameObject target)
    {
        ShowGuideMask(() =>
        {
            ShowTween = true;
            ev.SetTargetImage(target);
            _rectTrans.sizeDelta = Vector2.zero;
            _materia.SetFloat("_MaskType", 0f);//给材质设置显示类型，0为圆形，1为矩形
            CurRadNum = rad;
            _materia.SetVector("_Origin", new Vector4(pos.x, pos.y, rad + 1000, 20));//设置中心点
        });

    }

    /// <summary>
    /// 创建矩形点击区域
    /// </summary>
    /// <param name="obj">目标位置</param>
    /// <param name="CallBack">回调</param>
    public void CreateRectangleMask(GameObject target, Action callback)
    {
        if (target != null)
        {
            RectTransform rec = target.GetComponent<RectTransform>();
            Vector3[] _corners = new Vector3[4];
            rec.GetWorldCorners(_corners);
            Vector2 pos1 = WorldToCanvasPos(_corners[0]);//选取左下角
            Vector2 pos2 = WorldToCanvasPos(_corners[2]);//选取右上角
            CreateRectangleMaskRect(pos1, pos2, target);
            Tweencallback = null;
            Tweencallback = callback;
        }
        else
        {
            CreateRectangleMaskRect(new Vector2(0, 0), new Vector2(0, 0), target);
            Tweencallback = null;
            Tweencallback = callback;
        }
    }

    /// <summary>
    /// 创建矩形点击区域
    /// </summary>
    /// <param name="pos">矩形的屏幕位置</param>
    /// <param name="pos1">左下角位置</param>
    /// <param name="pos2">右上角位置</param>
    /// <param name="CallBack">回调</param>
    public void CreateRectangleMaskRect(Vector3 pos1, Vector3 pos2, GameObject target)
    {
        ShowGuideMask(() =>
        {
            //ShowTween = true;
            callback = true;
            ev.SetTargetImage(target);
            _rectTrans.sizeDelta = Vector2.zero;
            _materia.SetFloat("_MaskType", 1.0f);
            _materia.SetVector("_Origin", new Vector4(pos1.x, pos1.y, pos2.x, pos2.y));
        });
    }

    /// <summary>
    /// 获取对象RectTransform的半径
    /// </summary>
    /// <param name="rect"></param>
    /// <returns></returns>
    public float GetTargetRad(RectTransform rect)
    {
        Vector3[] _corners = new Vector3[4];
        rect.GetWorldCorners(_corners);
        //计算最终高亮显示区域的半径       
        float _radius = Vector2.Distance(WorldToCanvasPos(_corners[0]),
                     WorldToCanvasPos(_corners[2])) / 2f;
        return _radius;
    }

    /// <summary>
    /// 获取对象RectTransform的中心点
    /// </summary>
    /// <param name="rect"></param>
    /// <returns></returns>
    public Vector2 GetTargetCenter(RectTransform rect)
    {
        Vector3[] _corners = new Vector3[4];
        rect.GetWorldCorners(_corners);
       
        float x = _corners[0].x + ((_corners[3].x - _corners[0].x) / 2f);
        float y = _corners[0].y + ((_corners[1].y - _corners[0].y) / 2f);
        Vector3 centerWorld = new Vector3(x, y, 0);
        Vector2 center = WorldToCanvasPos(centerWorld);
        return center;
    }
    /// <summary>
    /// 获取对象RectTransform的中心点
    /// </summary>
    /// <param name="rect"></param>
    /// <returns></returns>
    public Vector2 GetTargetCenter(RectTransform rect, float _x, float _y)
    {
        Vector3[] _corners = new Vector3[4];
        rect.GetWorldCorners(_corners);//获得对象的四个角坐标

        float x = _corners[0].x + ((_corners[3].x - _corners[0].x) / 2f);
        float y = _corners[0].y + ((_corners[1].y - _corners[0].y) / 2f);
        Vector3 centerWorld = new Vector3(x + _x, y + _y, 0);
        Vector2 center = WorldToCanvasPos(centerWorld);
        return center;
    }


    /// <summary>
    /// 世界坐标向画布坐标转换
    /// </summary>
    /// <param name="world">世界坐标</param>
    /// <returns>返回画布上的二维坐标</returns>
    private Vector2 WorldToCanvasPos(Vector3 world)
    {
        if (null == _canvas) _canvas = gameObject.GetComponent<Canvas>();
        Vector2 position;
        RectTransformUtility.ScreenPointToLocalPointInRectangle(_canvas.transform as RectTransform,
            world, _canvas.GetComponent<Camera>(), out position);
        return position;
    }
    public void ShowGuideMask(Action callback)
    {
        ShowTween = false;
        if (_rectTrans == null)
        {
          GameObject obj=  Resources.Load<GameObject>("GuideMode/GuideSystem");


            guide = Instantiate((GameObject)obj, transform);
            _rectTrans = guide.GetComponent<RectTransform>();
            _rawImage = guide.GetComponent<RawImage>();
            _rawImage.color = new Color(1, 1, 1, 1);
            _materia = _rawImage.material;

            ev = guide.GetComponent<EventPenetrate>();
            callback();

        }
        else
        {
            callback();
        }
    }
    /// <summary>
    /// 将可点击区域设置为空
    /// </summary>
    public void SetTargetNil()
    {
        if (ev != null)
        {
            ev.SetTargetImage(null);
        }
    }

    /// <summary>
    /// 关闭引导遮罩
    /// </summary>
    public void CloseGuideMask()
    {
        if (guide != null)
        {
            _rawImage = null;
            _rectTrans = null;
            if (_materia != null)
            {
                _materia.SetFloat("_MaskType", 1.0f);
                _materia.SetVector("_Origin", new Vector4(0, 0, 0, 0));
            }
            Destroy(guide);
        }
    }
    float TweenTime = 0;
    public void Update()
    {
        if (ShowTween)
        {
            if (_materia != null)
            {
                Vector4 mateV4 = _materia.GetVector("_Origin");
                if (mateV4.z <= CurRadNum + 25)
                {
                    if (Tweencallback != null)
                    {
                        Tweencallback();
                    }
                    ShowTween = false;
                    return;
                }
                mateV4.z = Mathf.Lerp(mateV4.z, CurRadNum, 15f * Time.deltaTime);

                _materia.SetVector("_Origin", mateV4);

            }
        }
        if (callback)
        {
            if (Tweencallback != null)
            {
                Tweencallback();
       
            }
            callback = false;
        }
    }

    public void OnDestroy()
    {
        CloseGuideMask();
    }
}

 效果如上