UGUI Panel的显示和隐藏优化

参考自：https://segmentfault.com/a/1190000012357091

https://zhuanlan.zhihu.com/p/264833204

unity UI如何开启（显示）或者关闭（隐藏）Panel界面，相信大家都是知道的，但是如何做最好呢？

可能大家一般开启/关闭界面的方法就是直接SetActive吧。这样做通常是可以的，简答快速地解决需求，但是它又两个问题：
第一，Disable掉的物体上面的脚本也不运行了，而很多时候我们需要那个脚本运行。这样就不能用挂在自己身上脚本把自己SetActive(true)或者SetActive(false)。如果把自己的引用给另外一个脚本来对自己SetActive(true)或者SetActive(false)，又会造成多余的耦合，并不符合OOP设计理念。
第二，Disable掉的物体，重新SetActive(true)，会造成较大的性能消耗，如果此界面draw call较多，会有明显的延迟。

不用SetActive(true)/(false)之后，我们还有什么其他方法解决问题吗？

以下是大家可能想到的其他方法，它们也各有各的问题：

方法：Scale改为0，0，0，再改为1,1,1；
问题：改回后draw call加倍；大量垃圾回收；

方法：将界面移除Canvas这个父物体；
问题：改回后draw call加倍；大量垃圾回收；而且新增父物体增加额外引用耦合；

方法：放在Camera的某个culling层上；
问题：改回后draw call加倍；大量垃圾回收；只对screen space-camera有效；

方法：Canvas.enable = false；
问题：改回后延迟严重；而且不方便使用；

这些都不好，那你说，什么方法可行呢？

这个解决方法就是给Panel加一个CanvasGroup,上面提到的问题，在它身上都不会发生；

若要显示：

GetComponent<CanvasGroup>().alpha = 1;
GetComponent<CanvasGroup>().interactable = true;
GetComponent<CanvasGroup>().blocksRaycasts = true;

若要隐藏：

GetComponent<CanvasGroup>().alpha = 0;
GetComponent<CanvasGroup>().interactable = false;
GetComponent<CanvasGroup>().blocksRaycasts = false;

使用Profiler工具分析CanvasGroup组件

首先创建一个BasePanel脚本，通过CanvasGroup组件来实现UI面板的显示(OnEnter)和隐藏(OnExit)。这里的BasePanel相当于是UIPanel的基类了，这里我只是抽出了一部分，等以后有空了把简易的UI管理类也一起讲了。

[RequireComponent(typeof(CanvasGroup))]
public class BasePanel : MonoBehaviour
{
    private CanvasGroup m_CanvasGroup;

    private void Awake()
    {
        m_CanvasGroup = GetComponent<CanvasGroup>();
    }

    public void OnEnter()
    {
        m_CanvasGroup.alpha = 1;
        m_CanvasGroup.blocksRaycasts = true;
    }

    public void OnExit()
    {
        m_CanvasGroup.alpha = 0;
        m_CanvasGroup.blocksRaycasts = false;
    }
}

然后就创建一个测试脚本，用于比较CanvasGroup组件和使用SetAcive(true/false)的性能消耗。这边要引入命名空间UnityEngine.Profiling才可以使用性能检测，在需要性能测试的函数前后添加Profiler.BeginSample("展示的名字")和Profiler.EndSample()即可。这里为了明显展现性能消耗，开放了一个num变量来控制我们循环次数。

public class Main : MonoBehaviour
{
    public BasePanel panel;
    public int num;
    //public GameObject panelGo;

    private void Awake()
    {
        //panel = panelGo.GetComponent<BasePanel>();
    }

    private void Update()
    {
        Profiler.BeginSample("CanvasGroup");
        CanvasGroupFun();
        Profiler.EndSample();

        Profiler.BeginSample("SetActive");
        ActiveFun();
        Profiler.EndSample();
    }

    void CanvasGroupFun()
    {
        for (int i = 0; i < num; i++)
        {
            panel.OnEnter();
            panel.OnExit();
        }
    }

    void ActiveFun()
    {
        for (int i = 0; i < num; i++)
        {
            panel.gameObject.SetActive(true);
            panel.gameObject.SetActive(false);
        }

    }
}

将num设为100次结果如图: