
需求
开发中经常需要文字和图片穿插使用,类似下图

解决方案
方案1 不借助任何工具,直接生成SpriteAssets
- 该方案的缺点:不能使用 Unicode 去赋值 Text中的图文混排
- 准备好一张图片,修改TextureType为Sprite(2D and UI),Sprite Mode 为 Multiple , 在SpriteEditor切割好

-
然后在Project视图中选中该图片 右键选择 Create -> TeshMeshPro -> SpriteAsset , 会自动生成 ** SpriteAsset资源**
-
在PlayerSettings -> TextMeshProSettings 的 Default Sprite Asset 指定好我们新打出来的图集资源 ,当然一定不要忘记先将该图集资源放在Resources中的Sprite Assets文件夹下
-
接下来就可以在TextMeshPro - Text(UI)中使用了


-如果你的图片显示位置有一些歪,可以修改 Global Offset 属性哦

方案2 使用TexturePackerGUI工具,直接生成对应文件制作SpriteAssets
- 工具下载地址 https://www.codeandweb.com/texturepacker
- 安装工具打开,框架先不选择Unity,选择Json格式后开始转换

- 保持框架兼容性依旧选择 保持Json

- 将需要处理的图片拖入到中间灰色区域,配置好 数据文件和纹理文件 ,高级设置根据喜好自行调整

- 点击发布精灵集,就会在你设置的目录输出 json和png文件


- 开启Window -> TextMeshPro -> Sprite Importer 窗口

- 配置后点击Create Sprite Asset 后 sava 图集资源,指定目录到Resources\Sprite Assets下,然后去设置中指定改图集,就可以了
- 可以看到 使用 Unicode 也能设置表情了,可以自行配置Unicode

总结
HKEY_CURRENT_USER\Software\code-and-web.de\TexturePacker\licensing
下的trialExpired的值确保为false,
\data下的expiryDate的值改成2999-01-01。
请支持正版。
网友评论