一个 UIListLayout 位置在父级 UI 容器内的行或列中,根据 FillDirection
要控制兄弟姐妹之间的布局顺序,请将 SortOrder 设置为 Class.En
兄弟姐妹之间的填充通过 Padding 属性控制,而包装在父容器的边界内通过 Wraps Boolean。兄弟姐妹之间的填充通过 <
注意使用 flex 列表布局,因为额外的计算需要计算 flex 基础大小、 flexed 大小和线包装。 在 UIListLayout 上启用时,当以下属性设置为时,或 if 任何 GuiObject 兄弟有一个 2>Class.UIFlexItem2> 父级时:
- Wraps 是 true 。
概要
属性
控制如何分配额外的横向空间。
在灵活布局中,定义子元之间的 相互方向 对齐。
每个元素之间的免费空间。
控制如何分配额外的垂直空间。
控制子容器是否包围父容器。
网格布局的相对大小。
确定界面对象的布局在哪个轴上。
确定父元素中的 UI 元素的横向对齐。
确定子 UI 对象在布局中的顺序。
确定父元素中的 UI 元素的垂直对齐。
属性
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>
设置 | 兄弟行为 |
---|
十字向导行为
在垂直列表布局(Class.UIListLayout.FillDirection|FillDirection设置为FillDirection),Enum.FillDirection.Vertical 属性指定如何在2> 横向交叉向
自动大小交互
如果 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>
设置 | 兄弟行为 |
---|
VerticalFlex
当列表布局的 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>
设置 | 兄弟行为 |
---|
十字向导行为
在横向列表布局(Class.UIListLayout.FillDirection|FillDirection)中,VerticalFlex 属性指定如何在垂直方向上的子兄弟分布。在这些布局中,一个
自动大小交互
如果 GuiObject.AutomaticSize 对于 UIListLayout 中的一个子女,它被解释为“自动弹性基础”,它定义了FillDirection 中的 1> Class.GuiObject1> 的尺寸,从而可以生长或收缩。
如果 GuiObject.AutomaticSize 已为 UIListLayout 中的子女启用,它将作为“自动跨向大小”解释,并且定义最小大小,需要包含所有子女内容的最小大小。