关于TextMeshPro(UI)的文本框自适应问题——个人菜鸟笔记

解决文本组件换行与自适应大小问题,

最新推荐文章于 2024-09-26 18:20:46 发布

原创最新推荐文章于 2024-09-26 18:20:46 发布 · 5.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#笔记 #unity #c#

Unity 专栏收录该内容

2 篇文章

订阅专栏

文章介绍了如何在组件中调整Wrapping选项以实现文字自动换行和文本框大小的自适应，包括使用ContentSizeFitter、VerticalLayoutGroup和HorizontalLayoutGroup组件的方法，以及不同Wrapping设置下的适用配置。

1、关于文字会自动换行的问题

可以将组件中的Wrapping的选项改为Disable

2、关于文本框大小自适应文本长度的问题

我们需要给文本添加一个父物体，在父物体和文本物体上添加添和Content Size Fitter组件，在父物体上添加Vertical Layout Group或Horizontal Layout Group组件(这里只需勾选全Child Force Expand，目的是为了自适应子物体大小)

当Wrapping的选项为Ensable（高度自适应）：将两者的Content Size Fitter组件的Vertical Fit 为Preferred Size。

当Wrapping的选项为Disable（宽度自适应。因为有组件控制，用Enable也是可以的）：将两者的Content Size Fitter组件的Horizontal Fit 为Preferred Size。

ps：若Content Size Fitter组件下全部选择Preferred Size则是宽度自适应

如果想要内容垂直显示。Wrapping的选项为Ensable，父物体的Content Size Fitter组件下全部选择Preferred Size，文本物体的宽度改为1，并且其Content Size Fitter组件的Vertical Fit 为Preferred Size。

笔记可能有很多漏洞，欢迎大佬指出，我会尽快更正，感谢！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WinDivI

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【unity游戏开发入门到精通——UGUI】文本输入控件——TextMeshPro-InputField新文本输入控件

向宇

04-26

1401

【unity游戏开发入门到精通——UGUI】文本输入控件——TextMeshPro-InputField新文本输入控件

Unity-TextMeshPro如何扩展材质实现字体Face+Outline流光效果

TxNet

01-15

9175

前言 TexeMeshPro 是Unity的一个Text文本插件，实现了比UGUI的Text，更好看的效果，跟高效的性能,所以深受大家的喜欢，但是再好的插件，也不是万能的，比如我们的策划有个新需求，要我们的VIP的名字比普通玩家有更好看的效果，例如：字体流光，外发光颜色扰动，字体贴图等等。那我们就需要去扩展TextMeshPRo的shader功能了。如下图所示本文，我就带大家一起来扩展一下:如何扩展TextMeshProUGUI TextMesh原始面板扩展功能后的面板扩展TextMeshPro

3 条评论您还未登录，请先登录后发表或查看评论

TextMeshProUGUI自动宽度（达到最宽后自动换行）

06-06

TextMeshProUGUI自动宽度（达到最宽后自动换行） 1. 以父节点宽度为最大宽度，超出自动换行 2. 背景图也自动与text一同变化 3. 设置父节点Pivot控制换行方向 4. 设置Bg上的VerticalLayoutGroup Padding 微调背景图宽高 5.效果预览：https://blog.youkuaiyun.com/qq_26318597/article/details/131072058

【Unity】UGUI组件TextMeshPro尺寸自适应文字大小的方法

Zhangxian_12的博客

09-26

2622

【Unity】UGUI组件TextMeshPro尺寸自适应文字大小的方法

Unity TextMeshPro文本存在背景框的问题研究

分享即学习

04-28

4827

在使用TextMeshPro的时候遇到了字体黑底的问题，类似下图这样当字体较大的时候表现正常，当缩小到一定程度就会出现黑底。这个情况让人第一时间就是怀疑SDF计算缩放的时候存在问题。在我们重新导出字体，调整图集字体大小以及Padding后，让SP/PD值差不多大于3%就能解决这个问题这个SP/PD就是Padding值/Samping Point SizeSP/PDby theincreasetheordecreasethePadding。

文本框自适应

weixin_43754633的博客

05-06

272

文本框背景通过Text框大小调整大小 public void SetMessageScale(string question) { //将文字中的换行空格转化为不换行空格 textTarget.text = Utils.NoBreakingSpace(question); LayoutRebuilder.ForceRebuildLayoutImmediate(textTarget.rectTransform); if (textTar

文本框自适应 Jquery

yingmengxuepingbao的专栏

05-23

242

最近遇到些样式问题，备份一下！使用.css()方法添加样式。 <tr> <td><p><span>联系地址：</span><p></td> <td><input type="text" id="userAddress"></td> </tr> $("...

Unity TextMeshProUGUI 自动宽度并同步背景图

qq_26318597的博客

06-06

775

TextMeshProUGUI自动宽度（达到最宽后自动换行）

Unity Text组件宽度自适应文本长度的方法

不在同一频道上的呆子的博客

12-26

1945

Unity Text组件宽度自适应文本长度的方法

Unity TMP/Test 自适应文本

Z_hongli的博客

09-24

2805

注意：Text组件直接把脚本中所有的TextMeshProUGUI改为Text即可。

Unity UGUI组件 InputField 根本文本内容自适应大小

03-26

下载完是一个C#脚本直接挂到带有InputFeild组件的Obj上就行 Obj的RectTransform min.x max.x pivot.x 都设置为0

Unity 优化技巧：解决 TextMeshPro 文本边缘锯齿问题

每日出拳老爷子的博客

03-27

8249

背景 TextMeshPro相较于原本的UI Text有很多优势，其中一个优势就是显示清晰，放大了也不会模糊（矢量效果），可有时TextMeshPro的边缘也会产生很多锯齿，如下图：解决方法进入到主Camera，把HDR关闭后，边缘就会变平滑。简单来说，就是HDR锐化过度了，关掉后就顺滑了。 ...

【Unity2D 2022：UI】无法拖拽TextMeshPro组件

qq_55048532的博客

07-24

951

将预制体Card挂载脚本CardDisplay用来在预制体上显示属性，并创建TextMeshPro对象来接收TextMeshPro组件。在预制体Card上挂载了四个Text Mesh Pro组件，分别命名为Name、HP、ATK、Description。保存后，返回Unity中，发现可以将Name、HP、ATK、Description游戏物体拖入对应的框中了。保存后，返回Unity中，发现无法将Name、HP、ATK、Description游戏物体拖入对应的框中。

实现文本框自适应高度

slom_fxt的博客

02-28

1250

实现文本框自适应高度

Unity TextMeshPro DynamicText 动态文本组件

无幻

11-30

5083

Unity-TextMeshPro-DynamicText TextMeshPro DynamicText 动态文本组件，动态生成当前界面所需要的字体图集。原理基于TextMeshPro1.4.1 版本，收集当前显示所需的动态文本，利用font.TryAddCharacters接口进行生成字体图集。使用场景适用于静态字体 + 动态字体结合使用组件 TextMeshProUGUI_Dy...

Unity中TextMeshPro的使用

Wu_0526的博客

01-11

8449

在Unity中有自带的Text组件，这个组件已经能够满足我们日常开发中绝大多数的开发字体显示需求了，我们为什么还要使用这个TextMeshPro组件呢？这是因为Text使用的是基于位图的渲染技术而TextMeshPro基于的则是SDF算法即基于网格的文本渲染技术，并且TextMeshPro相比于Text拥有更强的抗锯齿效果。并且TextMeshPro相比于Text组件来说能够支持更加丰富的显示类型，例如：超链接、富文本、文本描边、图文混排等等。

unity 聊天系统的文字背景自适应伸缩解决方案

qq_36304697的博客

11-06

2891

大家在功能模块开发过程中早晚会接到聊天模块的开发，关于聊天文字背景的自适应问题，这里提供一个解决方案！下面看下实际效果：在这个需求实现过程中，零代码实现，只需要在父物体（背景Img）上加上Vertical Layout Group 和Content Size Fitter 两个UGUI组件，背景图片就会根据text 的伸缩进行拉伸自适应。修改父物体的Pivot，来改变Image 的伸缩方...

Unity 背景自适应文本内容

qq_52406653的博客

06-15

915

因为百度到的一些效果大部分都是用ContentSizeFitter和LayoutGroup实现的，效果是文本不换行它的宽度就会一直延长下去，或者是宽度不做自适应，而我是希望文本到达一定宽度就自动换行，效果像qq聊天消息那样。

Unity聊天对话框内容自适应宽高（无需代码辅助布局，不添加冗余组件）

capricorn1245的博客

09-10

6580

Unity聊天对话框内容自适应宽高（无需代码辅助布局，不添加冗余组件）

UGUI的TextMeshPro长度自适应在Inspector面板怎么修改

最新发布

11-25

<think> 我们正在讨论Unity UGUI中的TextMeshPro组件。用户想知道如何在Inspector面板中修改TextMeshPro文本的长度自适应方法。在TextMeshPro中，长度自适应通常指的是文本根据内容自动调整大小或换行。在Inspector面板中，我们可以通过TextMeshPro组件的属性来实现。具体步骤： 1. 在Unity编辑器中，选中包含TextMeshPro - Text (UI)组件的游戏对象。 2. 在Inspector面板中，找到TextMeshPro - Text (UI)组件。 3. 在组件的属性中，有一个“Auto Size”的选项（在Text Input区域的下方），默认情况下可能是关闭的（即Fixed Size）。 4. 展开“Auto Size”选项，可以看到一个下拉菜单，其中包含几种自适应模式： - None: 不自动调整，使用固定大小。 - Best Fit: 自动调整字体大小以适应文本框。 - Shrink Only: 如果文本超出文本框，则缩小字体，但不会放大。 - Expand Only: 只放大字体，不缩小。 - Preferred: 根据首选大小调整（通常结合布局组件使用）。 5. 选择一种自适应模式（例如Best Fit）后，还可以设置最大和最小字体大小。另外，对于文本框的尺寸自适应，我们还可以通过布局组件（如Content Size Fitter）来实现。但用户的问题集中在Inspector面板中修改，所以我们主要关注TextMeshPro自身的Auto Size设置。注意：使用Auto Size（尤其是Best Fit）时，要注意性能影响，因为它在文本改变时会重新计算字体大小。引用说明：由于用户的问题是关于Unity编辑器的操作，我们参考了Unity官方文档中关于TextMeshPro组件的介绍[^1]。 </think> 在Unity的Inspector面板中修改TextMeshPro组件的长度自适应设置，主要通过以下步骤实现： ### 1. 启用Auto Size功能 - 在Inspector面板找到TextMeshPro组件 - 展开`Text Input`区域下的**Auto Size**选项 - 将下拉菜单从`None`改为需要的自适应模式[^1]： - **Best Fit**：动态调整字体大小适应文本框 - **Shrink Only**：文本过长时缩小字体（不放大） - **Expand Only**：文本过短时放大字体（不缩小） - **Preferred**：使用预设的最佳尺寸 ### 2. 配置尺寸参数启用Auto Size后，会出现新的配置字段： ```csharp Font Size Min: 10 // 最小字体尺寸 Font Size Max: 42 // 最大字体尺寸 Character Width: 50% // 字符宽度占比 Line Spacing: 100% // 行间距比例 ``` ### 3. 结合布局组件对于容器自适应，需配合**Content Size Fitter**组件： 1. 添加组件：`Add Component > Layout > Content Size Fitter` 2. 设置模式： - Horizontal Fit：`Preferred Size`（宽度自适应） - Vertical Fit：`Preferred Size`（高度自适应） ### 4. 特殊场景处理 - **多语言适配**：通过脚本动态修改`Font Size Min/Max` - **动态文本**：调用`SetLayoutDirty()`强制刷新布局 - **性能优化**：避免频繁更新长文本，可添加`LayoutElement`约束最大尺寸 > 示例：配置收缩自适应 > ```csharp > TextMeshProUGUI tmp = GetComponent<TextMeshProUGUI>(); > tmp.enableAutoSizing = true; > tmp.fontSizeMin = 12; > tmp.fontSizeMax = 24; > ``` > 此时文本会在12-24px间自动缩放[^1]。 [^1]: 配置参数会直接影响渲染性能，建议在移动端设置合理的尺寸范围。