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

请添加图片描述

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组件勾选水平或垂直，子对象就无需操作了。 此时在子对象上增删内容都可以达成自适应效果，完美解决问题。

在这里插入图片描述

资料白嫖，技术互助