uinty3d Auto Layout（自動布局）

1、Auto Layout （自動布局）

自動布局系統提供方法在layout groups中嵌套放置元素，例如horizontal horizontal groups, vertical groups, 或者grids。它也允許元素包換的內容自動地設置大小。例如一個按鈕可以根據它的文本內容動態地重新設置大小。

自動布局系統是一個基于基礎的Rect Transform之上的布局系統，它可以隨意的用在一些或者全部元素上。

2、理解Layout Elements（布局元素）

自動布局系統基于layout elements 和layout controllers的概念。

一個layout element用以下屬性來定義：

• Minimum width      窗口允許的最小寬度

• Minimum height     窗口允許的最小高度

• Preferred width    可以理解為，UI自身希望的寬度

• Preferred height   可以理解為，UI自身希望的高度

• Flexible width     如果父UI的寬度大于Preferred ，使子UI填充滿父UI（默認值為-1，不會進行擴展，當大于0時，作為權重值來計算當前UI的位置）

• Flexible height     同上

圖像和文本組件是兩個例子的功能作為布局元素的組件。他們有一個最小minimum寬度和高度為零，和首選preferred的寬度和高度相匹配的圖像或文本的內容。他們靈活flexible的寬度和高度是 -1。

圖像和文本的組件已經是布局元素功能，因為他們定義他們自己的最小值和首選大小。如果你想要重寫的最小值或首選的大小，您可以通過將布局元素組件添加到游戲物體。布局元素組件也可以添加到任何游戲對象，使成為一種布局元素。

3、理解 Layout Controllers（布局控制器）

布局控制器是組件，它控制元素的大小和位置。

Content Size Fitter和Aspect Ratio Fitter：控制自身layout element的大小。

Layout Groups：控制它的子layout element的大小和位置（ Horizontal Layout Group, Vertical Layout Group 和Grid Layout Group）

無論布局組被分配的大小，它會嘗試分配合適的空間量，它的每個孩子布局元素基于minimum, preferred, and flexible sizes的大小被記錄。布局組還可以任意嵌套地通過這種方式。

Grid Layout Group（網格布局組）組件地方在網格中包括其子布局元素，其中每個元素有一個固定的寬度和高度指定其在的網格布局組中的位置。與其他布局組不同，網格布局組忽略由其子布局元素記錄的的minimum, preferred, and flexible的大小。