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

时间:2021-11-22 02:37:45

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

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

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

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

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

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

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

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

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

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

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

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