Grid Layout Group

NOTE

这是 Unity UGUI 的 Grid Layout Group 网格布局组。它的作用是：把父物体下面的子 UI 按固定格子大小排列成网格，常用于背包、技能栏、商城商品格、关卡选择、头像墙、九宫格面板。

截图字段解释

填充 Padding：网格距离父容器边缘的距离。 截图中左、右、顶部、底部都是 0，表示格子从父容器边缘开始排。

单元格大小 Cell Size：每个子 UI 被分配的格子尺寸。 截图中 X = 100，Y = 100，表示每个格子都是 100 x 100。 这是 Grid Layout Group 最重要的字段。

间距 Spacing：格子之间的距离。 X 控制左右格子间距，Y 控制上下格子间距。截图中都是 0。

起始角落 Start Corner：第一个子物体从哪个角开始排。 截图中是 Upper Left，表示从左上角开始。

启动轴 Start Axis：子物体优先沿哪个方向排列。 Horizontal：先填满一行，再换下一行。 Vertical：先填满一列，再换下一列。 截图中是 Horizontal。

子级对齐 Child Alignment：网格没有占满父容器时，整组格子靠哪里。 截图中是 Upper Left，表示左上对齐。

约束 Constraint：控制行列数量。 Flexible：自动决定行列数。 Fixed Column Count：固定列数，例如背包固定 4 列、5 列。 Fixed Row Count：固定行数。

重点区别

Grid Layout Group 和 Horizontal / Vertical Layout Group 最大区别是：

Grid Layout Group 会统一使用 Cell Size
不会按子物体自己的 Preferred Size 排版

所以如果你给子项加 Layout Element，想让每个子项尺寸不同，Grid Layout Group 通常不会按你想的那样工作。

常见用法

背包 / 商城：

Grid Layout Group
Constraint: Fixed Column Count
Cell Size: 100 x 100
Spacing: 8 x 8
Start Corner: Upper Left
Start Axis: Horizontal

Scroll View 网格：

Scroll View
└─ Viewport
   └─ Content
      ├─ Grid Layout Group
      ├─ Content Size Fitter
      └─ 子物体 Item

常见坑

子项大小不生效：Grid 统一使用 Cell Size。 格子不自动换行：检查父容器宽度、Constraint 和 Start Axis。 Content 不自动变高：配合 Content Size Fitter。 顺序不对：检查 Hierarchy 顺序和 Start Axis。 滚动列表显示异常：检查 Content 的 Anchor 和 Pivot。

一句话记：Grid Layout Group 是固定格子排版器，它统一设置子项大小，再按行列排成网格。

参考：Unity 官方文档：Grid Layout Group