A UIListLayout 位置在親UI容器內的行或柱內,按照 Class.UIListLayout.FillDirection
要控制子元的布局順序,請將 SortOrder 設為 Enum.SortOrder.Name
控制控制 在 Padding 屬性上,控制控制,包裝在父容器內,通過 Wraps Boolean 來控制兄弟在父容器內的位置。控制控制通過
注意使用 flex 列表資料結構,因為額外的計算是需要計算基礎尺寸、擴展尺寸和線包裝的。隨著以下屬性設設定,Flex 將在 UIListLayout 上啟用,當 GuiObject 的任何一個兒孫有一個 1>Class.U
- Wraps 是 true。
概要
屬性
控制如何分配額外的水平空間。
在彈性佈局中,定義子孫在一條線內的 交叉方向 對齊。
每個元素之間的自由空間。
控制如何分配額外的垂直空間。
控制子容器內的親兄弟是否包含在父容器內。
網格資料結構所佔用的相對空間大小。
決定 UI 對象的軸。
決定子元素內的 UI 元素的水平位置。
決定子兒 UI 對象在布局中的順序。
決定子元素內的 UI 元素垂直位置。
屬性
HorizontalFlex
當列表資料格式設置為 FillDirection 時, Enum.FillDirection.Horizontal 屬性指定如何在父容器中分配額外的水平空間。
<tbody><tr><td><code>Enum.UIFlexAlignment.None|None</code></td><td>無靈活行為;兄弟姐妹維持定義的寬度。</td></tr><tr><td><code>Enum.UIFlexRotation.Fill|Fill</code></td><td>兄弟姐妹會按照寬度定義減少其定義寬度,以填滿整個容器;這會覆蓋他們的定義寬度。 在 <code>enum.UIFlexAlignment.None|None</code> 設定下,兄弟姐妹的數量不會改變; 例如,如果三個姐妹在容器的寬度下適合,那三個姐妹將會擁有相同的寬度。</td></tr><tr><td><code>enum.UIFlexRotation.SpaceAround|SpaceAround</code></td><td>兄弟姐妹維持定義的寬度。 平等的空間位置在每個兄弟姐妹的兩個側面。</td></tr><tr><td><code>enum.UIFlexRotation.SpaceBetween|空間Between</code></td><td>兄弟姐妹維持其定義的寬度。 平等的空格是在兄弟姐妹之間添加的 ,但不是在兄弟姐妹之間添加的。</td></tr><tr><td><code>enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td><td>兄弟姐妹會維持定義的寬度。會在 <b>之間</b> 和 <b>周圍</b> 的兄弟姐妹之間添加平等的空間。</td></tr></tbody>
設置 | 兄弟行為 |
---|
十字方向行為
在 垂直 列表列表中 ( FillDirection 設為 Enum.FillDirection.Vertical ), 1> HorizontalFlex1>
自動大小交互
如果 GuiObject.AutomaticSize 對於 UIListLayout 中的子兒在 FillDirection 中,它會被解釋為 "自動伸展基礎" ,並且定義了 1> Class.GuiObject1> 從哪裡可以生長或收縮。
如果 GuiObject.AutomaticSize 對於 UIListLayout 中的子兒在 交叉 中啟用,它將作為「自動交叉尺寸」而解釋,並且定義了所需的最小尺寸來包含子兒內容。
ItemLineAlignment
在 flex 級配 中,定義了兄弟在一條線內的 交叉方向 對稱。請參閱 Enum.ItemLineAlignment 以取得視覺示例。
<tbody><tr><td><code>枚列遞交線路線自動|自動</code></td><td>將頁面的子孫或指定 <code>Class.UIFlexItem</code> 親子對齊到頁面的 <code>Class.UIListLayout.HorizontalAlignment|HorizontalAlignment</code> 或 <code>Class.UIListLayout.VerticalAlignment|VerticalAlignment</code>,這取決於它的 1>Class.UIListLayout.FillDirection|FillDirection1> 。</td></tr><tr><td><code>枚列對齊行動線起始|開始</code></td><td>將控制對象的兄弟或具體 <code>Class.UIFlexItem</code> 親子對準在線的 <b>上</b> 或在垂直填充中的 <b>左</b> 。</td></tr><tr><td><code>枚列中心對齐|中心</code></td><td>將控制對象的布局或具體 <code>Class.UIFlexItem</code> 親兄弟或父兄弟對準行的中心。</td></tr><tr><td><code>Enum.ItemLineAlignment.End|End</code></td><td>將控制對象的兄弟或具體 <code>Class.UIFlexItem</code> 親子對準在線的 <b>底部</b> 或在垂直填充中的 <b>右</b> 。</td></tr><tr><td><code>枚列對齊行動線允許延伸|伸展</code></td><td>伸展資料的子孫或指定 <code>Class.UIFlexItem</code> 親,以填滿線在水平或垂直填充中的整個方向。</td></tr></tbody>
設置 | 兄弟行為 |
---|
VerticalFlex
當列表資料格式設置為 FillDirection 時, Enum.FillDirection.Vertical 屬性指定如何在父容器中分配額外的垂直空間。
<tbody><tr><td><code>Enum.UIFlexAlignment.None|None</code></td><td>沒有伸展行為;兄弟姐妹維持他們的定義高度。</td></tr><tr><td><code>Enum.UIFlexRotation.Fill|Fill</code></td><td>兄弟姐妹會垂直重新調整來填滿整個父容器,覆蓋其定義的高度。在柱中,兩個或多個姐妹會保持不變;例如,如果三個姐妹在容器的高度下 <code>enum.UIFlexAlignment.None|None</code> 設定中合成,那些三個姐妹將重新調整到填滿整個高度。</td></tr><tr><td><code>enum.UIFlexRotation.SpaceAround|SpaceAround</code></td><td>兄弟姐妹維持定義的高度。 平等間隔是在每個兄弟姐妹兩側添加的。</td></tr><tr><td><code>enum.UIFlexRotation.SpaceBetween|空間Between</code></td><td>兄弟姐妹維持其定義的高度。 相同的空格是在 <b>之間</b> 的兄弟姐妹,但不是在 <b>周圍</b> 的兄弟姐妹添加的任何空間。</td></tr><tr><td><code>enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td><td>兄弟姐妹維持定義的高度。平等間隔是在 <b>之間</b> 和 <b>周圍</b> 的兄弟姐妹。</td></tr></tbody>
設置 | 兄弟行為 |
---|
十字方向行為
在 horizontal 列表樣式 ( FillDirection 設為 Enum.FillDirection.Horizontal ) 中, 1> VerticalFlex
自動大小交互
如果 GuiObject.AutomaticSize 對於 UIListLayout 中的子兒在 FillDirection 中,它會被解釋為 "自動伸展基礎" ,並且定義了 1> Class.GuiObject1> 從哪裡可以生長或收縮。
如果 GuiObject.AutomaticSize 對於 UIListLayout 中的子兒在 交叉 中啟用,它將作為「自動交叉尺寸」而解釋,並且定義了所需的最小尺寸來包含子兒內容。