Horizontal Layout Group 组件

NOTE

这是 Unity UGUI 的 Horizontal Layout Group 横向布局组。它的作用是：让父物体下面的子 UI 自动按水平方向排列，常用于按钮栏、标签页、技能栏、道具栏、横向列表。

截图字段解释

填充 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：是否强制子物体填满父容器多余空间。 截图中宽度、高度都勾选，表示子物体可能会被拉伸，用来填满容器。

常见用法

按钮等宽铺满一排：开启 Control Child Size Width 和 Child Force Expand Width。 图标自然横排：关闭 Control Child Size Width 和 Child Force Expand Width。 横向滚动列表：搭配 Scroll Rect、Content Size Fitter、Layout Element 使用。

常见坑

手动移动子物体没用：因为位置被 Layout Group 接管了。 按钮尺寸突然变大：检查 Child Force Expand。 父物体不自动变宽：需要配合 Content Size Fitter。 某个子物体想单独设置尺寸：给它加 Layout Element。

一句话记：Horizontal Layout Group 是横向自动排版器，父物体统一安排子 UI 的横向位置。

参考：Unity 官方文档：Horizontal Layout Group | Unity UI