UGUI源码学习之Button

内容会持续更新，有错误的地方欢迎指正，谢谢!

该文章补充部分参考了https://blog.csdn.net/a237653639/article/details/50804633，感谢原作者。

声明：由于官方只公开了UGUI源码的C#封装的这层，并未公开C++底层代码，不过看看这些C#代码也不错

UIBehavior类及其派生类的类图如下：

这里写图片描述
可以看到在UGUI系统中所有的UI组件都派生自抽象类UIBehavior，里面定义的抽象方法是每个Scene里的对象几乎都有的，如经常用到的Start()，Awake()等等。UIBehavior总共有14个派生类（图中没有显示），其中今天要看的Button被归为Selectable的子类，即“可选”的意思，而Image、Text、RawImage则被归为Graphic的子类（图中没有显示），写到这里我们已经可以看出编写者的设计思路了。

Selectable：实现了一堆的接口，都是用来处理用户交互的。继承自该类的子类就都继承了这些交互的功能，所有的UGUI交互事件都是靠EventSystem来驱动的。

现在再看看Button的源码：（你将知道自己注册的Button事件是在哪里调用的，经过了哪些流程）

using System;
using System.Collections;
using UnityEngine.Events;
using UnityEngine.EventSystems;
using UnityEngine.Serialization;
namespace UnityEngine.UI
{
    [AddComponentMenu("UI/Button", 30)]
    public class Button : Selectable, IPointerClickHandler, ISubmitHandler
    {
    [Serializable]
    public class ButtonClickedEvent : UnityEvent {}
    // Event delegates triggered on click.
    //首先有一个为ButtonClickedEvent嵌套类型的m_OnClick字段，
    //ButtonClickedEvent继承自UnityEvent，它是Unity的事件类。
    [FormerlySerializedAs("onClick")]
    [SerializeField]
    private ButtonClickedEvent m_OnClick = new ButtonClickedEvent();
    protected Button()
    {}

    public ButtonClickedEvent onClick
    {
        get { return m_OnClick; }
        set { m_OnClick = value; }
    }

    //方法里面也很简单，如果Button组件激活或者启用就调用m_OnClick的invoke方法，
    //可为什么是私有的呢，这不方便调用啊？不急，继续往下看
    private void Press()
    {
        if (!IsActive() || !IsInteractable())
                return;
        m_OnClick.Invoke();//我们在AddListener中注册的函数就是在这里调用的
    }

    //OnPointerClick实现了IPointerClickHandler接口中定义的方法，
    //方法内部进行了判断，仅仅只有按下左键时才调用Press方法
    public virtual void OnPointerClick(PointerEventData eventData)
    {
        if (eventData.button != PointerEventData.InputButton.Left)
                return;
        Press();
    }

    //OnSubmit也是类似的，但它实现的是ISubmitHandler接口的方法，
    //按下提交按钮时（默认Enter）调用Press方法
    public virtual void OnSubmit(BaseEventData eventData)
    {
        Press();
        // if we get set disabled during the press
        // don't run the coroutine.
        if (!IsActive() || !IsInteractable())
                return;
        //DoStateTransition和StartCoroutine是用来实现按钮触发的渐隐渐褪画面效果的
        DoStateTransition(SelectionState.Pressed, false);
        StartCoroutine(OnFinishSubmit());
     }

    private IEnumerator OnFinishSubmit()
    {
        var fadeTime = colors.fadeDuration;
        var elapsedTime = 0f;
        while (elapsedTime < fadeTime)
        {
            elapsedTime += Time.unscaledDeltaTime;
            yield return null;
        }
        DoStateTransition(currentSelectionState, false);
    }
}