列表和柔性布局

將 UIListLayout 位置的兄弟 GuiObjects 轉換為父容器內的水平行或垂直列。每當你添加或移除一個兄弟物件時，布局都會相應地調整。

一旦你插入了 UIListLayout , 它將覆蓋或影響所有兄弟 UI 對象的 Position , Rotation 和/或 Size ,因此在屬性窗口或在一個腳本中對這些屬性進行更改不會產生正常效果。

填充方向

FillDirection 屬性決定列布局的子弟會成像的方向。

訂購由布局的 SortOrder 屬性決定，該屬性可以是上升的數字值，基於每個道具目的 LayoutOrder 整數值，或字母數字值基於道具目的 Name 。

若要反轉元素，例如在水平列表中以右至左的順序排列，您需要反轉排序。例如，如果四個項目由 LayoutOrder 的 0 、 1 、 2 、 3 分別訂購，那麼將每個值否定以形成訂單的 0 、 -1 、 -2 、 -3 。

HorizontalAlignment 和 VerticalAlignment 屬性決定列表中兄弟對彼此和容器內列表整體邊界的相對 X 和 Y 對齊。例如，橫向填充列表包含的中心對齊列表的兄弟，並將列表垂直中心在容器中。

HorizontalAlignment 和 VerticalAlignment 與在彈性布局中的項目線對齊略有不同，您可以在其中對項目進行同一行的對齊，而不需要將其列表的整體邊界應用到容器中的相同對齊。

父容器內的子控件是否使用 Wraps 布局其默認尺寸超出容器邊界寬度/高度時，是否切換到另一行。

Padding 屬性決定每個列道具之間的空白量 **** ，設為比例(容器尺寸在當前方向的百分比)或偏移(像像素尺寸相似的靜態間隔值)。

此屬性不適用於列的整體邊界進行填充 **** ，請參見UIPadding將頂部、底部、左側和/或右側填充應用到父元素級內容。

雖然柔性是一個強大的工具，但你不應該將其應用於 UIListLayout 沒有目的的情況下,因為它會增加上述非柔性的稍微的性能成本,特別是當調整布局或動態添加/移除柔性項目時。

此外,當項目應嚴格遵循網格在X和Y方向中的網格時,網格布局可能更適合,因為網格布局強制使用一致的細胞尺寸,而柔性布局可能使用不同數量的項目每行。

當列布局的填充方向設為 Horizontal 時，HorizontalFlex 屬性指定如何在父容器中分配額外的水平空間。同樣地，當填充方向設為 Vertical 時，VerticalFlex 屬性指定如何分配額外的垂直空間。

一個實用的使用 HorizontalFlex 是一個標籤窗口介面，在此介面中，flex 以相同的數量填滿標籤欄，無論標籤數量如何。在這種情況下，沒有比伸展更簡單的方法，因為它會自動計算每個標籤的寬度，而不是由開發者定義的寬度設置，並自動調整標籤數量的變化。

ItemLineAlignment定義了線上兄弟的交叉方向對齊，讓你對不同寬度/高度的對象進行對齊或使寬度/高度較小的對象填滿整個線。

一個實用的情況是，ItemLineAlignment 對一系列不同尺寸的瓷磚進行伸展，以填滿整排（Stretch），使布局更加一致。

雖然伸展整個布局是一種強大的工具，但某些布局更適合伸展個別項目。在這些佈局中，列表中的某些元素會保持核心尺寸，其他項目會靈活地填滿變量空間。一個實用的使用是帶有一致標籤的滑塊條 Widget，在兩端和中間的整個寬度都填滿了一個可調整的滑塊條。

要設置一個特定列項為可彈性，請插入 UIFlexItem 作為彈性項道具的子，然後將其 FlexMode 屬性設置為 Fill , Grow , Shrink 或 Custom .