UIListLayout

显示已弃用

*此内容使用人工智能(Beta)翻译,可能包含错误。若要查看英文页面,请点按 此处

一个 UIListLayout 位置在父级 UI 容器内的行或列中,根据 FillDirection

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

要控制兄弟姐妹之间的布局顺序,请将 SortOrder 设置为 Class.En

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

兄弟姐妹之间的填充通过 Padding 属性控制,而包装在父容器的边界内通过 Wraps Boolean。兄弟姐妹之间的填充通过 <

注意使用 flex 列表布局,因为额外的计算需要计算 flex 基础大小、 flexed 大小和线包装。 在 UIListLayout 上启用时,当以下属性设置为时,或 if 任何 GuiObject 兄弟有一个 2>Class.UIFlexItem2> 父级时:

概要

属性

继承自UIGridStyleLayout属性

属性

HorizontalFlex

读取并联

当列表布局的 FillDirection 设置为 Enum.FillDirection.Horizontal 时, HorizontalFlex 属性指定如何在父容器中分配额外的横向空间。


<tbody>
<tr>
<td><code>枚列 UIFlexAlignment.None|None</code></td>
<td>无 flex 行为;兄弟姐妹保持他们定义的宽度。</td>
</tr>
<tr>
<td><code>枚列.UIFlexAlignment.Fill|Fill</code></td>
<td>兄弟姐妹会按横向缩放填满整个父容器,覆盖其定义的宽度。在 <code>枚列UIFlexAlignment.None|None</code> 设置下,兄弟姐妹内的三个兄弟姐妹长度相同,因此三个兄弟姐妹的大小将相同。</td>
</tr>
<tr>
<td><code>枚数。UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>兄弟姐妹维持其定义的宽度。 平等的空间位置在每个兄弟姐妹的两侧添加。</td>
</tr>
<tr>
<td><code>枚数。UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>兄弟姐妹保持其定义的宽度。 平等空格在兄弟姐妹之间添加,但 不在兄弟姐妹之间添加额外的空间。</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceEvenly|空间正确alignment</code></td>
<td>兄弟姐妹保持其定义的宽度。 平等的空间添加在兄弟姐妹之间。</td>
</tr>
</tbody>
设置兄弟行为
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
十字向导行为

在垂直列表布局(Class.UIListLayout.FillDirection|FillDirection设置为FillDirection),Enum.FillDirection.Vertical 属性指定如何在2> 横向交叉向

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

读取并联

在一个 灵活布局 中,定义兄弟之间的 交叉方向 对齐。 请参阅 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> 父亲对齐到线的 <b>中心</b> 在横向或垂直填充。</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>
</tbody>
设置兄弟行为
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

读取并联

确定每个元素之间的空间量,可设置为“百分比”(父元素级大小的当前方向)或“偷算”(静电空间值与像素大小相似)。

读取并联

当列表布局的 FillDirection 设置为 Enum.FillDirection.Vertical 时,VerticalFlex 属性指定了如何在父容器中分配额外的垂直空间。


<tbody>
<tr>
<td><code>枚列 UIFlexAlignment.None|None</code></td>
<td>无 flex 行为;兄弟姐妹保持其定义的高度。</td>
</tr>
<tr>
<td><code>枚列.UIFlexAlignment.Fill|Fill</code></td>
<td>兄弟姐妹会垂直重新调整以填满整个父容器,覆盖其定义的高度。 在子列中,兄弟姐妹的数量保持不变,例如,如果三个兄弟姐妹在容器的高度下 <code>enum.UIFlexAlignment.None|None</code> 设置下匹配,那三个兄弟姐妹将重新调整填满整个高度。</td>
</tr>
<tr>
<td><code>枚数。UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>兄弟姐妹维持其定义的高度。 平等间隔在每个兄弟姐妹的两侧添加。</td>
</tr>
<tr>
<td><code>枚数。UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>兄弟姐妹保持其定义的高度。 平等空格在兄弟姐妹之间添加,但不会在兄弟姐妹之间添加额外空间。</td>
</tr>
<tr>
<td><code>enum.UIFlexAlignment.SpaceEvenly|空间正确alignment</code></td>
<td>兄弟姐妹保持其定义的高度。 平等间隔在兄弟姐妹之间添加。</td>
</tr>
</tbody>
设置兄弟行为
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
十字向导行为

在横向列表布局(Class.UIListLayout.FillDirection|FillDirection)中,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.

方法

活动