[Unity] 解决Unity原生UI文字模糊的小技巧

Posted 2023-04-11

参考技术A

很多人都觉得Unity原生UI（uGUI）的Text不好用，功能过分简单，而且还很模糊。比如题图中第一行Text使用了 size =24 的字号，边缘明显模糊了。因此，目前流行使用TextMeshPro来制作UI文字，甚至Unity把TextMeshPro都买下来内置到引擎了。

TextMeshPro功能确实强大，但一个劣势是不能直接识别字体文件，需要用户自己将字体文件转换成Atlas（也就是图片式的字符集）再使用。这对于英文字体非常简单，一共也就那么多个字符需要转换，但对于中文字体来说就很麻烦了，常用中文字集有3500和6500两个版本，转换耗时非常久。

对于对UI文字要求没那么高的用户来说（比如我），还是直接使用uGUI的Text更为方便，但这个模糊问题又很恼火。

我仔细研究了一下uGUI的Text，发现：这个模糊其实是显示字体时为了抗锯齿而出现的， 不同字号的Text的边缘模糊程度如果用像素来衡量的话其实是一样的。 比如题图第三行Text使用了 size =128 的字号，给人的感觉就好很多了（虽然其实边缘模糊绝对数值和第一行是一样的）。

这说明，如果我们能将大字号的Text缩小，那么这个缩小版就比小字号Text的边缘要清晰很多。

题图中第二行字同样使用 size =128 的字号，但同时设置Scale为0.2，这样其实际尺寸与第一行字差不多，但边缘模糊几乎不存在了，反而感觉有点太锐化了。

这样就比较完美地解决了uGUI文字模糊的问题，我们又可以开心地使用Text来制作UI了。

Unity3D编辑器扩展Unity3D中解决Text的清晰度问题

推荐阅读

• CSDN主页
• GitHub开源地址
• Unity3D插件分享
• 简书地址
• 我的个人博客

大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。

一、前言

在程序开发中，常常会遇到Unity中Text文字不清晰的问题，大多数情况是因为字体太小，造成了在分辨率下的文字的模糊问题，如下图所示：

虽然在编辑器中Scene视图中看起来效果还行，但是，到Game视图就有点失真了。

二、解决方案

遇到上述问题，比较简单的方式是增加字号大小，但是字号大小增加之后在当前的宽高下就会显示不全，但是增大宽高后整体的布局就不对了，就需要调整缩放，总结一下就是：

• （1）增加字号大小，为了方便就增加一倍
• （2）调整宽高为一倍大小
• （3）调整缩放为原来的一半

原来的Text：

调整后：

可以明显看出来区别：

三、做成小工具

为了方便写了一个小脚本，可以快速的完成这些操作，新建脚本ReplaceTheFont.cs，将脚本放到Editor文件夹中，双击打开脚本修改代码：

using UnityEditor;
using UnityEngine;
using UnityEngine.UI;

public class ReplaceTheFont : Editor

    [MenuItem("Tools/优化Text清晰度")]
    public static void UpdateText()
    
        //寻找Hierarchy面板下所有的Text
        var tArray = Resources.FindObjectsOfTypeAll(typeof(Text));
        for (int i = 0; i < tArray.Length; i++)
        
            Text t = tArray[i] as Text;
            //记录对象
            Undo.RecordObject(t, t.gameObject.name);
            t.fontSize = t.fontSize * 2;
            t.GetComponent<RectTransform>().sizeDelta = new Vector2(t.GetComponent<RectTransform>().rect.width * 2, t.GetComponent<RectTransform>().rect.height * 2);
            t.GetComponent<RectTransform>().localScale = new Vector3(t.GetComponent<RectTransform>().localScale.x / 2, t.GetComponent<RectTransform>().localScale.y / 2, t.GetComponent<RectTransform>().localScale.z / 2);
            //设置已改变
            EditorUtility.SetDirty(t);
        
        Debug.Log("完成");
    

效果，完成了：

四、后记

今天写了提高Text清晰度的小工具，希望可以帮到大家，提升效率。

有什么问题，及时联系我。

---

你的点赞就是对博主的支持，有问题记得留言：

博主主页有联系方式。

博主还有跟多宝藏文章等待你的发掘哦：

专栏	方向	简介
Unity3D开发小游戏	小游戏开发教程	分享一些使用Unity3D引擎开发的小游戏，分享一些制作小游戏的教程。
Unity3D从入门到进阶	入门	从自学Unity中获取灵感，总结从零开始学习Unity的路线，有C#和Unity的知识。
Unity3D之UGUI	UGUI	Unity的UI系统UGUI全解析，从UGUI的基础控件开始讲起，然后将UGUI的原理，UGUI的使用全面教学。
Unity3D之读取数据	文件读取	使用Unity3D读取txt文档、json文档、xml文档、csv文档、Excel文档。
Unity3D之数据集合	数据集合	数组集合：数组、List、字典、堆栈、链表等数据集合知识分享。
Unity3D之VR/AR（虚拟仿真）开发	虚拟仿真	总结博主工作常见的虚拟仿真需求进行案例讲解。
Unity3D之插件	插件	主要分享在Unity开发中用到的一些插件使用方法，插件介绍等
Unity3D之日常开发	日常记录	主要是博主日常开发中用到的，用到的方法技巧，开发思路，代码分享等
Unity3D之日常BUG	日常记录	记录在使用Unity3D编辑器开发项目过程中，遇到的BUG和坑，让后来人可以有些参考。