Unity3D ugui text组件实现文字添加背景色并随文字内容改变大小

例子基于 unity 2019.4.4f1 实现。步骤如下：

1.新建一个U3D 工程

 

2.打开默认场景

 

 

 3.在场景中右键新增一个UI image组件

 

 4.在image组件下新增text组件

 

 5.在image组件上新增component  ： content size fitter

 

6.修改 content size fitter 的参数

horizontal fit 改成 preferred size

vertical fit 改成 preferred size

 

7.在image组件上新增component  ：horizontal layout group

 

8.修改 horizontal layout group 的参数

control child size 勾选 width 和 height

 

 9.修改image 组件的背景色或者添加背景图片，我这里改成红色背景色

 

 10.修改text的文字内容，可以看到文字背景色随文字改变大小，这样可以在脚本中控制文字时不用再关注背景色改变

 

 

 

 完成。