【Unity实战篇 】| Unity实现 文本框可以自适应大小，到达最大宽度之后再缩小字体

最新推荐文章于 2024-07-29 16:31:30 发布
最新推荐文章于 2024-07-29 16:31:30 发布
阅读量2w 收藏 6
点赞数 8
分类专栏： Unity 实战100例 教程⭐️ 文章标签： unity 游戏引擎 UI 游戏 游戏程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangay1998/article/details/138620857
版权
本文介绍如何在Unity中让Text文本框在达到最大宽度后，通过Best Fit调整字体大小以适应文本框。利用LayoutElement和自定义脚本，实现文本的智能布局和自适应效果，同时提供了实现代码和测试结果。
摘要由CSDN通过智能技术生成

请添加图片描述

前言

在文本框可以自适应大小拉伸的前提下，增加一个最大限制宽度，使其到达最大宽度后 再启用 Best Fit 实现自适应改变文字大小以适应文本框的大小。

【Unity实战篇 】 | Unity实现 Text文本框可以自适应大小，到达最大宽度之后再缩小字体

在Unity中经常会用到文本组件的自适应大小功能，一般使用HorizontalLayoutGroup和ContentSizeFitter组件配合即可实现文本自适应的效果。
在这里插入图片描述
此处不熟悉的可以参考下这篇文章，里面详细介绍了布局组件的使用：【Unity-UGUI控件全面解析】| Layout自

了解本专栏 订阅专栏 解锁全文
呆呆敲代码的小Y
关注
  • 8
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
订阅专栏
聊天气泡背景自适应内容宽度高度
09-07
聊天气泡背景自适应文字宽度，和高度， 随文字内容适应显示背景，简单简单简单简单的简单简单简单的的小demo
【Unity】按Text文本内容自适应背景大小
凡心所向，素履以往
11-26 3575
按照文本内容自动调节背景框大小是十分方便的，本文章记录一下通过无代码方式实现该效果。（版本Unity2018.4）
Unity如何实现文本超过指定长度时自动缩字，不超过则自适应宽度
最新发布
Kanagawa_Kento的博客
07-29 246
思路的核心就是设置一个开始缩字的文本长度变量，例如文本宽度超过500时是多少个字符，以后超过这个字符就开始缩字，小于这个字符再变回来。如果单纯判断宽度再缩字，我们就再也无法将其变回来了。在实际游戏开发工作，UI会给出如下图所示的需求，希望底框随文字长度变化，但又不能太长要限制在一定范围内，这时候又需要自动缩字。接下来上脚本，Text和TextMeshPro我分别写了适合各自的脚本，实现逻辑大差不差。首先，我们要把底图的布局和文字的ContentSizeFilter组件挂载好。
Unity按钮自动适配文本长度
06-04
Unity按钮自动适配文本长度
Unity -UGUI中Text文本框的自动调整，字体大小的自适应调节
热门推荐
mo_qi_qi的博客
08-18 2万+
一.UGUI text框大小固定，里面字体大小随着文字增多逐渐变小的设置（很简单） 1.找到Text组件的Parageraph（段落）组件，在Horizontal Overflow和Vertical Overflow调整你想变化的轴 2.Best Fit的选项卡打开，默认是关闭的，设置最大和最小变化的字体大小。 以上即可完成固定输入框大小，字体变多，字体随着不断变小的情况了。 二.UGUI text框大小不固定，text框随着字数增加逐渐拉长但是字体的大小不变,无背景（需要用到Content S
Unity基础：图片根据文字内容自适应大小（ContentSizeFitter的使用小技巧）
Fay_Fey'S Blog
03-13 3580
1、方案一PS：原理，父物体通过自适应文字内容来改变大小，Image图片根据父物体的大小改变自身大小，然后根据UI层级关系在最新层显示Text的文本内容，以达到背景图片根据文字内容自适应，并且文字显示在背景图片的上面2、方案二父物体为背景图，子物体为文本内容，最终效果：当文本内容增加时，改变Vertical Fit...
文本框根据输入内容自动调整大小
06-11
文本框根据输入内容调整大小
Unity UGUI文本框大小自适应
weixin_42565127的博客
08-26 1620
根据内容 , 自动缩放文本框大小。
Unity聊天对话框内容自适应宽高（无需代码辅助布局，不添加冗余组件）
capricorn1245的博客
09-10 3600
Unity聊天对话框内容自适应宽高（无需代码辅助布局，不添加冗余组件）
Unity UGUI Text文本框自适应
淡定九号的博客
03-28 1万+
Unity UGUI Text文本框自适应 一、文本框大小固定，文字自适应 1、勾选文本框的Best Fit，发现效果不是特别理想，文本变多的情况下应该是先换行，摆满之后才会字体缩小，如果文本内有空格的情况下，好像是可以的 2、自定义text using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; /// <summary> /// Text /// 自动收缩 /// 勾选Best Fit后，只有超过
Unity Text组件宽度自适应文本长度的方法
不在同一频道上的呆子的博客
12-26 1211
Unity Text组件宽度自适应文本长度的方法
Unity UGUI组件 InputField 根本文本内容自适应大小
03-26
下载完是一个C#脚本 直接挂到带有InputFeild组件的Obj上就行 Obj的RectTransform min.x max.x pivot.x 都 设置为0
Unity进阶干货之 Text文本域文本和文本框自适应方案
lq1340817945的博客
04-20 4253
我们有以下文本和文本框，如果要做文本框自适应文本长度，该如何处理呢？ 步骤： 1.首先处理文本，我们给文本添加Content Size Fitter组件，固定它的宽先，然后让它的高随着文本长度适应。 2.第二步要处理文本框。文本框也先暂定锁宽，添加Content Size Fitter组件和Vertical Layout组件，两个组件组合使用。添加两个gameobject组件撑高文本框的高。 这个时候我们的文本框就随着文本自适应高了； 我们会发现，这样还不是很完美，因为我们锁高了，如果文本只有一点点，
【UGUI】学会Unity中UGUI中UI元素自适应问题
leoysq的博客
09-19 2742
就像画一幅画，首先我们需要一张什么也没有的白纸贴在画板上（这个画板就是：Canvas）,有了画板以后，我们就可以一层层的铺上画面元素了，这些画面元素就是具体的UI元素（包括：一个图、按钮、滚动条、勾选框、文本框等等）而且，在层级面板的UI名称列表中（大纲列表）排在上面的就会被放在图层下方，后面创建的UI会遮住早先创建的，就像一层层的画画一样，后面刷的颜色肯定是在最前方。但是UI元素的锚点定位好了,我UI元素本身呢，这还不好说吗，就像任何图像在设计软件在都会围绕锚点，并且跟随锚点。UI元素本身也会跟随锚点。
Unity Text自适应缩放宽高
我知道你很急,但是路要一步步走
11-30 1170
在你的界面的顶级初始化,会自动找到所有子物体的Text根据你的屏幕去自适应 using QFramework; using UnityEngine; using UnityEngine.UI; public class TextAspectMsg : Singleton<TextAspectMsg> { private TextAspectMsg() { } public void Init(Transform transform) { ...
Unity 根据文本自适应Text大小
weixin_43779330的博客
12-01 1944
Unity 根据文本自适应Text大小 1.单Text 2.Scroll View中使用滑动Text组件
unity组件使用技巧之文字图片自适应
qq_45650527的博客
01-17 1359
使用content size fitter 和 vertical layout group 实现图片和文字的自适应，也就是text的长度和宽度会跟随文字内容进行动态变化，同时如果有图片背景的话，图片背景的宽高也会跟随文字内容的多少进行变化。
【unity】代码控制文本框根据字数实时调整大小
weixin_43003169的博客
01-28 2328
文章介绍了unity实现文本框自动调整大小的一种简单实现方式
Unity text 如何自适应大小
06-07
Unity中的Text组件可以通过设置自适应大小选项来自动调整文本的大小以适应其容器的大小。以下是具体步骤： 1. 在Unity中打开Canvas，选择包含Text组件的对象。 2. 在Inspector面板中，展开Text组件的选项。 3. 在“Horizontal Overflow”和“Vertical Overflow”选项中，选择“Overflow”选项。这将允许文本超出其容器的边界。 4. 在“Best Fit”选项中勾选“Enable Best Fit”选项。 5. 调整“Min Size”和“Max Size”选项，以设置文本的最小和最大字体大小。 6. 调整容器的大小，文本将自动调整其大小以适应容器。 注意：自适应大小选项只适用于包含Text组件的对象的RectTransform组件。如果您使用的是Text Mesh组件，则需要使用其他方法来自适应文本大小。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呆呆敲代码的小Y

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值