Unity UI布局（Layout）与布局元素（Layout Element）

本篇文章以相对布局为主，以一个例子进行讲解。

相对布局也就是说，窗口在缩放时，控件以相对大小的比例进行缩放。
用到的组件有以下三个（网格布局灵活性不如横竖排高，在这里不实用）：

我的最终目标是这样的：

上半部分和下半部分比例为2:1，左半部分和右半部分比例为2:3

好了，我们开始！

首先创建左侧竖排两个元素，在Unity里创建3个panel，按照如下的层级关系放置：

为了下面叫着方便，我们改个名区别一下：

接下来，给上一级的PanelLeft添加竖直布局组件，并将红框中的勾都去掉

给PanelUp和PanelDown添加布局元素，并分别设置Flexible Height为2和1，这个Flexible Height就是用于设置控件显示比例的


接下来，调整PanelLeft中的参数，我们希望两个子panel的宽度和PanelLeft一致，所以勾选Child Force Expand，同时需要他们随着PanelLeft大小改变而改变，所以勾选Control Child Size

这样就完成了一半，剩下的部分是类似，就不再讲解了～

完成