Unity中Vertical Layout Group内ScrollView不受子Text影响自适应宽度问题

现有层级结构 #

• Vertical Layout Group
  • ScrollView (Horizontal)
    • Text（超长动态文本，内部搭载纵向Vertical Layout Group）

配置步骤 #

1. 父级Vertical Layout Group（VLG）配置 #

打开VLG组件面板，按以下参数设置：

• Control Child Size：仅勾选垂直选项，关闭水平选项
• Child Force Expand：仅勾选水平选项，关闭垂直选项
• Child Controls Size：仅勾选垂直选项，水平保持关闭

该配置会强制所有子ScrollView水平拉满到VLG的宽度，不受子元素内容宽度影响，垂直方向则由ScrollView自身内容高度决定，不会覆盖后续动态高度适配逻辑。

2. 横向ScrollView配置 #

选中需要支持横向滚动的ScrollView对象：

• ScrollRect组件：仅开启水平滚动，关闭垂直滚动，Viewport属性绑定对应子节点
• Viewport节点：锚点设置为铺满整个ScrollView，宽高和ScrollView完全一致

3. ScrollView Content节点配置 #

选中ScrollView下的Content节点：

• 锚点设置为左对齐，垂直方向铺满Viewport高度
• 添加Horizontal Layout Group组件：关闭Control Child Size、Child Force Expand所有选项，按需调整子元素间距
• 添加Content Size Fitter组件：
  • 水平适配：选择Preferred Size，Content宽度会自动跟随内部长文本/子元素总宽度扩展
  • 垂直适配：选择Preferred Size，适配内部纵向Vertical Layout Group的动态高度

效果验证 #

配置完成后，无论内部文本长度多少，ScrollView宽度都会被限制在VLG的边界内，内容超出时自动触发横向滚动；设备旋转、切换平板分辨率时，ScrollView会跟随VLG自动拉伸宽度，不会出现溢出、滚动失效问题。

问题示意图 #

内容的提问来源于stack exchange，提问作者Francesco - FL