【Unity】图文混排和动态图文混排

 一、效果展示

以上就是该篇的混排效果。

当然还可以改变其颜色，一种叠加与文字相同颜色，一种是叠加指定颜色。同样适用于动图

 二、实现方式

2.1 切割图片

首先找找一张图片，生么样子的都可以，单独的一张图片也是可以的，如果是图集将其切割。

2.2 创建TextMeshPro精灵资源

右键资产->Create->TextMeshPro->Sprite Asset。

将创建出的该资产文件放到【TextMesh Pro/Resources/Sprite Assets】文件夹下

创建成功后每个精灵都有其自己的唯一名称和索引

可以通过 Edit -> Project Settings -> TextMesh Pro -> Setting 看到一个默认精灵资产，Path就是它的路径。

2.3 使用精灵资产

如果你对精灵图的位置以及一些基本设置不满意可以通过【精灵资产】文件(我这里是test_textMeshProAnim)修改其基本参数

【Sprite Glyph Table】

在这一部分的最下方还可以进行全局补偿

 

注意： 如果在纹理中修改轴点，这个轴点不会在精灵资产中马上更新，需要再次创建精灵资产来变动修改

可通过 TextMesh Pro 组件上的 Extra Settings 对精灵资产进行的单独配置。

TextMesh Pro 会优先检查组件上的这个精灵资产，如果为空 则组件会把它恢复为默认设置也就是Edit中的 Default Sprite Asset

另一种是在精灵资产中设置 多个FallbackSpriteAsset, 这里就不做过多介绍了。

默认情况下顶点颜色不会影响精灵资产中的颜色，如果需要对其进行更改则可进行如下配置

tint: 叠加与文字相同颜色

color: 叠加指定颜色

2.4 动图配置

 

 anim="起始针,结束帧,帧率"，运行即可进行查看

颜色修改同样适用。