使用到的工具
1.unity
2.TexturePackerGUI
创建可以给 TMPro 使用的图集资源
--TexturePackerGUI--
image.png
创建json格式的项目
image.png
拖入资源或者加载文件夹
image.png
进行一系列操作---
-
选择或新建json文件---data
image.png 选择或新建图集texture---Texture
设置输出图集大小,anysize或者2的倍数(这个分辨率unity会自动压缩)
-
你可以选择保存project(非必需)
image.png -
然后完成输出
image.png
image.png
就得到所需的Sprite图集和json数据文件了(下图的tps文件不是unity需要的)
!!!!这里要注意,如果导出的图集是异常的红色,或者有个红色的小推车水印在图片上,恭喜你,你的破解或者购买失效了,请尝试激活后再重来一遍。
image.png
在TMPro中使用
在Window->TextMeshPro->Sprite Importer
image.png
-
将数据文件及图集素材添加进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
我们在使用混排过程中使用的方式是通过富文本,有两种方式
<sprite=Index>
对应图片信息的Index<sprite name="Name">
对应图片信息的Name注意这些信息都都是可以自定义设置的,不过再重新制作更新并导入图集的过程中会还原json数据里的信息。
包括Edit Glyph里的Rect信息
image.png
在制作新图集的时候注意保存或设定使用规格。
使用图集
使用图集方式有两种1在TMPro UGUI组件栏手动绑定 2在TMP Setting 里更改默认的图集
image.png
image.png