Skip to content

Vertical Layout Group

image-20260717164742597

NOTE

这是 Unity UGUI 的 Vertical Layout Group 纵向布局组。它的作用是:让父物体下面的子 UI 自动按垂直方向排列,常用于列表、聊天消息、排行榜、任务栏、设置菜单、Scroll ViewContent

Unity_UI_VerticalLayoutGroup_Inspector_Expanded_Guide

截图字段解释

填充 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 SizeChild Force Expand。 某个子项想特殊尺寸:给它加 Layout Element。 子项被拉得太高:优先检查 Child Force Expand Height

一句话记:Vertical Layout Group 是纵向自动排版器,父物体统一安排子 UI 的上下位置。

参考:Unity 官方文档:Vertical Layout Group

文章评价

读完这篇,留下你的看法

暂无审核通过的评价。

登录账号后才能评价。

本站访客数0总站访问量0本页访问量0