【unity】基础交互入门(无代码实现自动文字背景)

实现效果:
在这里插入图片描述

一、创建UI控件

1、创建text和image控件,将image放在text下级
在这里插入图片描述

二、给text控件添加组件

在这里插入图片描述
1、添加Content Size Filter组件
2、根据文本需要拓展的方向设置Preferred Size
(1)往竖向拓展

在这里插入图片描述
在这里插入图片描述
(2)往横向拓展
在这里插入图片描述
在这里插入图片描述
3、保留一个字符。

三、给image控件添加组件

1、设置图片纹理
在这里插入图片描述
2、创建Canvas组件
3、设置层级为-1,以保证文字在图片上方。

在这里插入图片描述
4、设置锚点为拓展
在这里插入图片描述
5、将图片移动缩放到刚刚好一个字符
在这里插入图片描述
在这里插入图片描述

6、完成,回到text控件修改文字可以看到自动拓展效果
在这里插入图片描述
注意:
1、尽量把背景图拉得和锚点对齐一致,不然容易变形。
2、保留一个字符进行拓展,根据需要的宽度,可以是数字或者字母或者汉字。

参考文章:
1、【Unity】按Text文本内容自适应背景大小
2、Unity 做一个提示框,背景图片随文字改变大小

猜你喜欢

转载自blog.csdn.net/qq_35079107/article/details/129297851
今日推荐