UGUI小技巧之Text随文本内容自动变化大小

看了网上很多帖子，都是说在 Text 上面加上 Content Size Fitter 组件，并将对应的轴向改成 Preferred size 就可以实现 Text 大小随着文本内容自适应，如下图：

这样的确能够实现自适应，但是你会发现 Text 是上下或者左右同时扩容，这种效果并不一定能够满足我们的需求，如果我们只想向上或者向下扩容怎么办呢？

这时我们就需要去设置 Text 的 Rect Transform 组件的 Pivot 的值，如果我们只想向下扩容，就将 Pivot 的 y 值 修改为 1，如下图：

其他方向依次类推，修改 Pivot 即可。

 

这时有的同学可能又会发现，虽然 Text 自动扩容了，但是如果我们给 Text 加上一张背景图后，背景图并不会跟着自动扩容，是不是很尴尬，如下图：

看到这种情况是不是头大，怎么解决呢，让我来教你：

这时我们给背景图加上 Content Size Fitter 组件和 Vertical Layout Group 组件，并将 Vertical Layout Group 组件的 Child Controls Size 属性的 Width 和 Height 都勾选上，接下来就是见证奇迹的时刻：

你学会了吗？Unity 的 Lyaout Group 系列的布局组件有很多，组合起来往往可以达到你想不到的效果。