Unity聊天室的背景随文字对齐

之前还用ContentSizeFilter，今天看官方文档，有些地方是不需要的。

第一种情况：只是做一个背景随文字缩放时。
需要在背景上添加:

1.ContentSizeFilter。
2.HorizontalLayoutGroup或者VerticalLayoutGroup。

只需打开控制孩子大小，使用孩子缩放可选可不选，孩子强制扩展关闭即可！，ContentSizeFilter根据需要打开水平和垂直。

效果如下：

第二种情况：就是像聊天室那样的布局。
如下：

1.如果后面的大背景不需要动态变化就只需添加VerticalLayoutGroup，开启控制孩子大小，关闭强制扩展。

2.如果后面大背景需要动态变化，则还需添加ContentSizeFilter，一般都不会动态变化，除非套了多层。

3.每一个聊天的话的背景上添加VerticalLayoutGroup或者HorizontalLayoutGroup即可，不需要添加ContentSizeFilter，同样开启控制孩子大小，关闭强制扩展。而且会大背景不动态变化时会自动换行)！！！以前我都是自己判断还麻烦！！！现在只需要添加两个布局组就解决了多个问题！

还解决了文字变化背景动态变化不对的问题！！！(以前不知道时还要强制更新！有时还不好使！现在完全不用处理还特别好，完美！)

血的教训多看官方文档！！！

注：可以尝试不关闭强制扩展，看看是否是自己想要的效果，使用孩子缩放可开可不开，自己看效果。

还有一个文字的伸展缩放是相对轴心，所以根据需要设置轴心位置即可！

---

又加了一种带头像的对话：只不过头像不参与布局，添加Layout Element，勾选忽略布局选项。

1.总的效果图

2.Content上的组件：因为聊天有最大宽度限制，所以不勾选Control Child Size 的Width，Use Child Scale 可选可不选，有缩放时可能需要勾选，自己调试。因为聊天内容需要滚动，所以添加Content Size Filtter，设置如下图

3.左边的聊天框：设置固定宽度，设置如下

4.头像忽略布局，放好位置

5.聊天背景设置

6.文字内容

7.终点说一下这个：因为Content上的垂直布局组是左上角对齐，所以右面的聊天内容也会往左对齐，不符合我们的要求，所以添加一个空对象，宽度和背景一样即可，添加水平布局组（垂直布局组也行），同样不勾选Control Child Size 的Width选项

8.下面的设置和和上面的步骤都一样了，只不过是右边，注意锚点，调整好位置即可。