Unity 版本 2019.4.36f1c1，如果你的版本低于我这个版本，组件中的部分功能可能没有

一、创建UI物体

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

如图

场景中效果

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

二、添加组件

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

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

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

三、运行

此时还没有写任何的代码，效果已经实现了，运行后，在编辑器中我们改变 Text 的文本的内容，如下

可以看到，场景中，背景图片自动适应了文字的大小

水平方向自适应了大小，并且自动添加了外边距，下面我们看看垂直方向的自适应。

在输入框里按回车键，再给Text 随意添加一些文本。

场景中的效果

四、文字水平居中

场景中的效果

结束

如果这个帖子对你有用，欢迎关注 + 点赞 + 留言，谢谢

end

Unity 做一个提示框，背景图片随文字改变大小相关推荐

CSS背景图片background如何改变大小以及样式设置
background-color 使用的背景色 background-size 背景图片的尺寸. background-size: length|percentage|cover|contain; b ...
Unity UGUI 背景图片自适应文字内容大小
1.创建一个Canvas,添加Image组件,其次添加子物体Text组件 2.在Image上添加Horizontal Layout Group组件,设置Padding对应的边界值,勾选子物体宽高, 3 ...
零基础Unity做一个中秋诗词鉴赏网页，提前祝您中秋快乐！（DoTween动画 | WebGL视频 | 大文件上传GitHub）
零基础Unity做一个中秋诗词鉴赏网页,提前祝您中秋快乐! 前言一,环境搭建 1.1 安装Unity 1.2 添加WebGl模块二,开发项目 2.1 导入插件 2.2 项目搭建 2.3 逻辑处理 ...
Qt实现等待提示框（图片和movie实现）
Qt实现等待提示框(图片和movie实现) 上一篇文章说了怎样用代码实现等待提示框,这篇文章来说一下怎么用切换图片或者播放gif图片来实现. 1.用图片快速切换实现创建工程.(我在上一篇的基础上做, ...
用css实现模仿火狐社区的一个提示框
今天研究了一下firefox社区的一个提示框,模仿写了一个源代码下载代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans ...
java框体怎么添加背景图,文本框添加背景图片，文本框背景图片,public class
文本框添加背景图片,文本框背景图片,public classpublic class WatermarkTextField extends JTextField { BufferedImage img ...
Unity基础：文本框、图片自适应（ContentSizeFitter、VerticalLayoutGroup等组件的使用）
1.Unity UGUI背景图片自适应文字大小_PalmAdorableTiger的博客-CSDN博客 2. Vertical Layout Group/Horizontal Layout Group ...
java为文本框添加背景颜色,文本框添加背景图片，文本框背景图片,文本框添加水印[Java...
文本框添加背景图片,文本框背景图片,文本框添加水印[Java 文本框添加水印 [Java]代码public class WatermarkTextField extends JTextField { ...
Unity做一个太阳系
Unity做一个太阳系(适合初学者学习) 步骤 1.新建Unity项目(我用的unity2019) 2.在assets中建script文件夹,material文件夹. 2.创造9个sphere物体:太 ...
html中如何写一个提示框,html弹出公告 html中点击列表文字弹出提示框？
怎么在网页制作中给主页设置弹出公告,要CSS布局HTML小编今天和大家分享在主页打... 无标题文档 45565 把style属性加给你的弹窗标签就可以了,宽高位置均可变. 哪位前辈高手有html的窗 ...

Unity 做一个提示框，背景图片随文字改变大小

一、创建UI物体

二、添加组件

三、运行

四、文字水平居中

结束

Unity 做一个提示框，背景图片随文字改变大小相关推荐

最新文章

热门文章