前言

为什么要实现通用的UI布局？

因为作为对美术一窍不通的程序员，并不想花太多时间去精致的摆放每一个UI，不如直接用锚点，看着太差不差就好了。

但是每次调整Unity锚点时都需要重新设置位置，真的很麻烦，干脆写个脚本，实现在运行时通过滑块调整UI布局。

通用的UI布局

何为通用的UI布局？

在我眼里就是网页设计中标准的，页头，正文和页脚三元素（其实就是一分为三块），想要多一点块就不断的嵌套，想要少一点块就将某几块的高度设为0.

于是就可以实现以下这样的PageLayout类。

在Awake时获取三元素的初始数据。
然后在Update时根据滑块数据不断的调整锚点位置。

namespace UI
{
    public class PageLayout : MonoBehaviour
    {
        private void Awake()
        {
#if DEBUG
            _headerRectTransform = gameObject.transform.GetChild(0).gameObject.GetComponent<RectTransform>();
            _contentRectTransform = gameObject.transform.GetChild(1).gameObject.GetComponent<RectTransform>();
            _footerRectTransform = gameObject.transform.GetChild(2).gameObject.GetComponent<RectTransform>();

            headerHeightPercent = 1f - _headerRectTransform.anchorMin.y;
            footerHeightPercent = _footerRectTransform.anchorMax.y;
#endif
        }

        private void Update()
        {
#if DEBUG
            _headerRectTransform.anchorMin = new Vector2(0f, 1f - headerHeightPercent);
            _headerRectTransform.anchorMax = new Vector2(1f, 1f);

            _contentRectTransform.anchorMin = new Vector2(0f, footerHeightPercent);
            _contentRectTransform.anchorMax = new Vector2(1f, 1f - headerHeightPercent);

            _footerRectTransform.anchorMin = new Vector2(0f, 0f);
            _footerRectTransform.anchorMax = new Vector2(1f, footerHeightPercent);
#endif
        }

#if DEBUG
        [Range(0f, 1f)] public float headerHeightPercent;
        [Range(0f, 1f)] public float footerHeightPercent;
        private RectTransform _headerRectTransform;
        private RectTransform _contentRectTransform;
        private RectTransform _footerRectTransform;
#endif
    }
}