Unity聊天框功能，背景图片随文字大小而改变

一、创建UI物体

新建一个Canvas，然后创建一个 Image，再在 Image 里面添加一个子物体 Text

如图

场景中效果

此时并没有设置任何参数。

二、添加组件

给 Image 添加两个组件 horizontal layout group，content size fitter

注意图中的设置参数，如下图：.

这时候，场景中的布局自动就变成了这样

三、运行

此时还没有写任何的代码，效果已经实现了，运行后，在编辑器中我们改变 Text 的文本的内容，可以看到，场景中，背景图片自动适应了文字的大小