【Unity3D 问题总结】☀️ | 解决LayoutGroup配合Content Size Fitter使用时发生子成员位置错乱问题

• 博客主页：https://xiaoy.blog.csdn.net

• 本文由 呆呆敲代码的小Y 原创，首发于 CSDN

• 学习专栏推荐：Unity系统学习专栏

• 游戏制作专栏推荐：游戏制作

• Unity实战100例专栏推荐：Unity 实战100例 教程

• 欢迎点赞 收藏 ⭐留言 如有错误敬请指正！

• 未来很长，值得我们全力奔赴更美好的生活✨

• ------------------❤️分割线❤️-------------------------

---

Unity 小科普

老规矩，先介绍一下 Unity 的科普小知识：

• Unity是 实时3D互动内容创作和运营平台 。
• 包括游戏开发、美术、建筑、汽车设计、影视在内的所有创作者，借助 Unity 将创意变成现实。
• Unity 平台提供一整套完善的软件解决方案，可用于创作、运营和变现任何实时互动的2D和3D内容，支持平台包括手机、平板电脑、PC、游戏主机、增强现实和虚拟现实设备。
• 也可以简单把 Unity 理解为一个游戏引擎，可以用来专业制作游戏！

---

【Unity3D 问题总结】

【Unity3D 问题总结】☀️ | 解决LayoutGroup配合Content Size Fitter使用时发生子成员位置错乱问题

问题描述：
通过LayoutGroup组件配合 Content Size Fitter实现子成员自适应大小的功能，当子类动态生成或者内容发生变化时，父类未及时扩张或缩小导致内容发生视觉错误。

或者配合DoTween等组件使用时，内容也会出现错乱现象导致。

这里是父对象使用了LayoutGroup和Content Size Fitter，子对象使用了Content Size Fitter。

这种问题的触发在于布局组件已经在某一帧内对布局元素进行渲染完毕了，但此时我们又通过代码或者其他方式对其进行了修改，导致内容发生了视觉上的错乱现象。

可以看到上述图片中通过重新激活组件或游戏对象则可以通过重新渲染得到正确的内容显示，但这只是一种解决方案，下面介绍更多解决方法。

方法一：通过开关GameObject 的方法等一帧重新触发布局效果

这也是上图中的演示方法，通过关闭再打开GameObject的方法可以达到让布局元素重新进行布局的效果。

方法二： 使用代码进行强制刷新布局。

//rectTransform 为控制布局元素的父物体。
LayoutRebuilder.ForceRebuildLayoutImmediate(rectTransform);

此方法可以在我们对子成员的内容修改后调用，调用该方法可以让布局元素重新布局，不会出现内容错乱的现象，一般来说使用该方法就可以解决大部分该问题。

同样可以使用的代码还有以下几种：

horizLayoutGroup.CalculateLayoutInputHorizontal();
horizLayoutGroup.CalculateLayoutInputVertical();
horizLayoutGroup.SetLayoutHorizontal();
horizLayoutGroup.SetLayoutVertical();

方法三：更换布局组件使用方法

布局组件勾选Control Child Size，并添加Content Size Fitter组件勾选水平或垂直，子对象就无需操作了。
此时在子对象上增删内容都可以达成自适应效果，完美解决问题。

---

资料白嫖，技术互助

学习路线指引（点击解锁）	知识定位	人群定位
Unity系统学习专栏	入门级	本专栏从Unity入门开始学习，快速达到Unity的入门水平
Unity实战类项目	进阶级	计划制作Unity的 100个实战案例！助你进入Unity世界，争取做最全的Unity原创博客大全。
❤️ 游戏制作专栏 ❤️	难度偏高	分享学习一些Unity成品的游戏Demo和其他语言的小游戏！
游戏爱好者万人社区	互助/吹水	数万人游戏爱好者社区，聊天互助，白嫖奖品
Unity100个实用技能	Unity查漏补缺	针对一些Unity中经常用到的一些小知识和技能进行学习介绍，核心目的就是让我们能够快速学习Unity的知识以达到查漏补缺