【Unity】TextMeshPro实现图文混排

游戏中经常会遇到需要图文混排的情况，比如聊天中插入表情。那么用TextMeshPro怎么实现呢?

1.首先需要把所用到的图片打成图集

2.这时候需要用到一个打图集的工具TexturePackerGUI

附官网地址：https://www.codeandweb.com/texturepacker

3.打开TexturePackerGUI，选择添加精灵

4.格式设置如图

5.选择发布精灵

6.发布成功

7.工程里会多出这两个文件

8.打开TextMeshPro/Sprite Importer

9.把刚刚的文件拖入相应位置

10.标题点击Create Sprite Asset，创建成功后点击Save Sprite Asset

11.选择任意一个TextMeshPro组件，展开Extra Settings,把刚刚打好的图集资源拖入Sprite Asset中

12.此时，在输入框中输入：你好，就显示如下

图集的调用代码是 ,其中x是图片的ID

13.要想知道图片的ID，只要选中图集，就可查看

14.但是此时图片的位置是有点问题的，这个我们只要调整一下图片的偏移就可以了。

15.可以愉快的进行聊天了