TMPro 图文混排使用

使用到的工具

1.unity
2.TexturePackerGUI

创建可以给 TMPro 使用的图集资源

--TexturePackerGUI--

image.png

创建json格式的项目

image.png

拖入资源或者加载文件夹

image.png

进行一系列操作---

1. 选择或新建json文件---data

   
   
   image.png

2. 选择或新建图集texture---Texture

3. 设置输出图集大小，anysize或者2的倍数（这个分辨率unity会自动压缩）

4. 你可以选择保存project（非必需）

   
   
   image.png

5. 然后完成输出
   

   image.png
   
   
   image.png
   
   就得到所需的Sprite图集和json数据文件了（下图的tps文件不是unity需要的）
   ！！！！这里要注意，如果导出的图集是异常的红色，或者有个红色的小推车水印在图片上，恭喜你，你的破解或者购买失效了，请尝试激活后再重来一遍。
   
   image.png

在TMPro中使用

在Window->TextMeshPro->Sprite Importer

image.png

1. 将数据文件及图集素材添加进Unity项目里
   2.选中Sprite Data Source -- json数据文件
   3.选中SpriteTexture Atlas -- 图集图片
   4.创建SpriteAseet
   5.保存SpriteAseet 可以选择创建新的或者覆盖原有的（更新图集时使用）

   
   
   image.png
   
   

   完成--TextMeshPro可以使用的SpriteAtlas就创建成果了

TMPro图集设置 及图文混排功能使用

image.png

点选Sprite Character Table可以设置每张图片的参数

image.png

我们在使用混排过程中使用的方式是通过富文本，有两种方式
对应图片信息的Index
对应图片信息的Name
注意这些信息都都是可以自定义设置的，不过再重新制作更新并导入图集的过程中会还原json数据里的信息。
包括Edit Glyph里的Rect信息

image.png

在制作新图集的时候注意保存或设定使用规格。
使用图集
使用图集方式有两种1在TMPro UGUI组件栏手动绑定 2在TMP Setting 里更改默认的图集

image.png

image.png

End