UIListLayout

顯示已棄用項目

*此內容是使用 AI(Beta 測試版)翻譯,可能含有錯誤。若要以英文檢視此頁面,請按一下這裡

A UIListLayout 位置在親UI容器內的行或柱內,按照 Class.UIListLayout.FillDirection

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

要控制子元的布局順序,請將 SortOrder 設為 Enum.SortOrder.Name

List layout examples illustrating numerical LayoutOrder
sorting or alphanumerical Name sorting.

控制控制 在 Padding 屬性上,控制控制,包裝在父容器內,通過 Wraps Boolean 來控制兄弟在父容器內的位置。控制控制通過

注意使用 flex 列表資料結構,因為額外的計算是需要計算基礎尺寸、擴展尺寸和線包裝的。隨著以下屬性設設定,Flex 將在 UIListLayout 上啟用,當 GuiObject 的任何一個兒孫有一個 1>Class.U

概要

屬性

屬性 繼承自 UIGridStyleLayout

屬性

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>
設置兄弟行為
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
十字方向行為

垂直 列表列表中 ( FillDirection 設為 Enum.FillDirection.Vertical ), 1> HorizontalFlex1>

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
自動大小交互

如果 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>
設置兄弟行為
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

平行讀取

確定每個元素之間的自由空間,可設為縮放(父父元素的尺寸在當前方向中的百分比)或抵消(與像素大小相似的靜態空間值)。

平行讀取

當列表資料格式設置為 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>
設置兄弟行為
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
十字方向行為

horizontal 列表樣式 ( FillDirection 設為 Enum.FillDirection.Horizontal ) 中, 1> VerticalFlex

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
自動大小交互

如果 GuiObject.AutomaticSize 對於 UIListLayout 中的子兒在 FillDirection 中,它會被解釋為 "自動伸展基礎" ,並且定義了 1> Class.GuiObject1> 從哪裡可以生長或收縮。

如果 GuiObject.AutomaticSize 對於 UIListLayout 中的子兒在 交叉 中啟用,它將作為「自動交叉尺寸」而解釋,並且定義了所需的最小尺寸來包含子兒內容。

Wraps

平行讀取

控制控制器內的兒童是否會在其預設尺寸超過容器邊界時包含在其他行中。

Diagram showing how Wraps affects how siblings are distributed within the parent container's bounds.

方法

活動