列表和灵活布局

将 UIListLayout 位置的兄弟 GuiObjects 转换为父容器内的横向行或垂直列。每当你添加或移除兄弟对象时，布局都会相应调整。

一旦你插入了一个 UIListLayout , 它将覆盖或影响所有兄弟 UI 对象的 Position , Rotation , 以及/或 Size 的所有属性，因此在属性窗口或脚本中对这些属性的更改将没有正常效果。

填充方向

FillDirection 属性决定列表布局的兄弟在哪个方向渲染。

订购由布局的 SortOrder 属性决定，该属性可以是上升数字，基于每个物品目的 LayoutOrder 整数值，或阿尔法数字基于物品目的 Name。

要反转元素，例如在横向列表中的右向左排序，您需要反转排序。例如，如果四个项目由 LayoutOrder 的 0 、 1 、 2 、 3 分别订购，那么将每个值否定以形成订单 0 、 -1 、 -2 、 -3 。

HorizontalAlignment 和 VerticalAlignment 属性决定列表兄弟之间相对于彼此以及列表在容器内的整体边界的各自 X 和 Y 对齐。例如，横向填充列表 VerticalAlignment 拥有 Center 的中心对齐列表的兄弟姐妹和将列表垂直放置在容器中。

HorizontalAlignment 和 VerticalAlignment 与在 flex 布局中的项目线对齐略有不同，您可以在同一行中对项目进行同样的对齐而不需要将列表的整体边界应用到容器中的同一边界。

父容器内的兄弟控制是否在其默认尺寸超过容器边界宽度/高度时将其包装到另一行。

Padding 属性决定每个列表物品之间的空白量 **** ，设置为缩放（容器尺寸在当前方向的百分比）或抵消（像像素尺寸类似的静电间隙值）。

此属性不适用于列的整体边界周围的 padding ；请参阅将顶部、底部、左边和/或右边的 padding应用到父元素级内容上。

将 flex 集成到 UIListLayout 中是一种强大的方法来平等地填充/分配或对齐/伸展列表项目沿其线，或灵活特定项目沿变量空间。

虽然 flex 是一种强大的工具，但你不应该将其应用于一个没有目的的 UIListLayout ，因为它会增加与非 flex 上的轻微性能成本，尤其是当调整布局或动态添加/移除 flex 元素时。

此外，当项目应该严格对齐网格在 X 和 Y 方向上的网格时，网格布局可能更受欢迎，因为网格布局强制使用一致的细胞大小，而灵活布局可能使用不同数量的项目每行。

当列布局的填充方向设置为 Horizontal 时，HorizontalFlex 属性指定了如何在父容器中分配额外的横向空间。同样，当填充方向设置为 Vertical 时，VerticalFlex 属性指定如何分配额外的垂直空间。

一种实用的使用 HorizontalFlex 是一个选项卡窗口接口，其中 flex 以相同的数量填充选项卡栏，无论选项卡数量如何。在这种情况下，没有比 flex 更简单的方法，因为它自动计算每个标签的宽度，而不是开发者定义的宽度设置，并自动调整标签数量的变化。

ItemLineAlignment 属性定义了行内兄弟的交叉方向对齐，让你对不同宽度/高度的对象进行对齐或使较小宽度/高度的对象填充整条线。

一个实用的案例是为 ItemLineAlignment 伸展一系列不同大小的瓷砖来填充整行（Stretch），使布局更加协调。

虽然整个布局的伸展是一个强大的实用工具，但某些布局更适合单个项目的伸展。在这些布局中，列表中的某些元素保持核心尺寸，其他项目则灵活地填充变量空间。一个实用的使用是具有相同标签的滑块条 widget，一端具有相同标签，另一端具有灵活的滑块条，可以填充整个宽度之间的宽度。

要将一个特定列项设置为灵活，请插入一个 UIFlexItem 作为灵活项物品的子，然后将其 FlexMode 属性设置为 Fill , Grow , Shrink 或 Custom .