Appearance
Vertical Layout Group

NOTE
这是 Unity UGUI 的 Vertical Layout Group 纵向布局组。它的作用是:让父物体下面的子 UI 自动按垂直方向排列,常用于列表、聊天消息、排行榜、任务栏、设置菜单、Scroll View 的 Content。
截图字段解释
填充 Padding:父容器内部留白。 左 / 右 / 顶部 / 底部 都是 0,表示子物体从父容器边缘开始排列。
间距 Spacing:上下相邻子物体之间的距离。 截图中是 0,表示子物体贴着排列。
子级对齐 Child Alignment:子物体没有占满父容器时,决定整列内容靠哪里。 截图中是 Upper Left,表示左上对齐。列表最常用这个。
反向排列 Reverse Arrangement:是否反过来排列。 不勾选:按 Hierarchy 顺序从上到下排列。 勾选:从下到上排列。聊天记录、日志列表有时会用到。
控制子对象大小 Control Child Size:布局组是否接管子物体宽度 / 高度。 截图中宽度、高度都没勾选,表示子物体保留自己的 RectTransform 尺寸。
使用子级缩放 Use Child Scale:布局时是否把子物体的 Scale 算进去。 通常不勾选,UI 布局更推荐改 RectTransform 尺寸或加 Layout Element。
子力扩展 Child Force Expand:是否强制子物体填满父容器多余空间。 截图中宽度、高度都勾选。宽度勾选常用于让列表项撑满父容器;高度勾选可能导致子项被拉高。
常见用法
Scroll View Content 常见组合:
Scroll Rect
└─ Viewport
└─ Content
├─ Vertical Layout Group
├─ Content Size Fitter
└─ 子项 Layout Element常见坑
手动移动子项无效:因为位置被 Layout Group 接管了。 列表不自动变高:需要配合 Content Size Fitter。 子项尺寸乱变:检查 Control Child Size 和 Child Force Expand。 某个子项想特殊尺寸:给它加 Layout Element。 子项被拉得太高:优先检查 Child Force Expand Height。
一句话记:Vertical Layout Group 是纵向自动排版器,父物体统一安排子 UI 的上下位置。
参考:Unity 官方文档:Vertical Layout Group