Unity自定义图片数字TextMeshPro

本文转载自https://www.cnblogs.com/sailJs/p/18168922

1、首先要有一张包含了图片字的图集，每个图片字一个Spirte

 

2、然后右键 -> 创建

创建好的TMP_Sprite Asset

 

3、编辑Sprite Character Table

调整顺序，将index和图片数字对上

修改下Unicode值（默认都是0xFFFE），比如9的Unicode为0x0039。（注意：填写完后，按Enter没用，要按Tab或用鼠标点击其他输入框才能保存输入）

注意：Unicode不改也没事

 

4、Sprite Glyph Table

红色框框的信息就是Sprite的宽高和在图集上的位置

可以先不动，等后面使用的时候显示的文字不对再过来微调

 

 5、把资源文件设置到Sprite Asset属性上，使用<sprite>标签即可看到效果

sprite还支持颜色叠加, <sprite=1 tint=1> <sprite=1 color=#ff0000ff> 

 

缺点

图片就没法利用SDF算法，放大后会变糊 

 

 参考

【Unity学习笔记】TextMeshPro文档(四)_富文本sprite assets-CSDN博客

[UGUI图文混排一]TextMehPro(TMP)使用手册 - 知乎 (zhihu.com)

unity 使用TextMeshPro创建SpriteAssets精灵资源 - 伊凡晴天 - 博客园 (cnblogs.com)

TextMesh Pro Documentation | TextMeshPro | 3.2.0-pre.9 (unity3d.com)

【翻译】Adobe的字体排版术语表 - PENGUINLIONG - 博客园 (cnblogs.com)

 TextMesh Pro 的图文混排功能：插入自定义表情图_unity text mesh pro 图文混排-CSDN博客