Unity中使用TextMeshPro实现图文混排 { }

已于 2023-04-21 21:11:41 修改
阅读量773 收藏 1
点赞数 1
分类专栏： Unity 文章标签： unity 图集 图文混排 TexturePacker unity精灵
于 2023-04-01 16:10:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43921423/article/details/129897408
版权
这篇博客介绍了如何在Unity中使用TextMeshPro实现图文混排。首先，需要安装TextMeshPro，接着准备图集，利用TexturePacker进行图标处理。然后在Unity中设置图集格式，创建TMP的Sprite Asset，并按照特定格式输入，即可在文本中显示图标。通过调整Global Offsets & Scale，可以精确控制图标的显示位置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.安装TextMeshPro

在这里插入图片描述
在这里插入图片描述

2.准备好一张图集

将图标拖进TexturePacker

在这里插入图片描述

按需设置然后导出

在这里插入图片描述

在unity中设置图集的格式并切好图片

在这里插入图片描述

创建TMP的Sprite Asset

在这里插入图片描述

最低0.47元/天 解锁文章
unity实战之TextMeshPro实现聊天图文混排
爱上游戏开发
07-11 5044
unity使用TextMeshPro实现聊天图文混排
【Unity】TextMeshPro实现图文混排
张不无的博客
02-02 2054
TextMeshPro实现图文混排
unity xlsx转json 使用litjson解析
weixin_44287351的博客
12-05 505
unity xlsx转json 使用litjson解析 本文仅做实现 暂无讲解 如有错误 还望指出 配置Json文件 编辑.xlsx文件 .xlsx文件另存为.csv格式 以记事本的打开方式打开.csv文件 将其转为json格式 第一行删除 分隔符使用英文逗号 “,” 点击转换得到json文件 将json文件修改为 复制进行校验 提示错误 删除最后一个逗号 再次校验 校验成功 LitJson解析 新建Unity项目 项目目录 打开项目工程文件夹 Resources 进入Resources
Unity UGUI图文混排组件——EmojiText
最新发布
gitblog_06749的博客
05-05 393
Unity UGUI图文混排组件——EmojiText 【下载地址】UnityUGUI图文混排组件EmojiText EmojiText 是一款专为 Unity UGUI 设计的图文混排组件，支持图标、动态表情、按钮和超链接等丰富功能。通过 EmojiText，开发者可以轻松实现图文并茂的文本效果，为游戏或应用增添趣味性...
Unity 使用TextMeshPro实现图文混排
風情
06-11 1069
点击上面生成的Sprite Asset ， 点击图上对应位置的+号 ， 把第二张图的Sprite Asset加入进来。选中图片右键->Create->TextMeshPro->Sprite Asset。然后把刚刚创建的SpriteAsset拖过来 放到对应的地方。ok 至此 完成TextMeshPro的图文混排。添加之后 场景里面的text就显示出来了。然后文件夹内就会出现一个同名的这个文件。然后参照上面的调整好第二张图的位置。(文字)(图片)(文字)(图片)(文字)(图片)(文字)
unity 图文混排 TextMeshPro
qq_37524903的博客
05-13 1394
主要记录一下，万一自己忘记了别人博客删除了。 好记性不如烂笔头！ 制作中文字体： 1.在window->TextMeshPro里面打开Font Asset Creator 2.Source Font File中添加支持中文的 字体 3.在Character File 拖选你的常用汉字 图片资源制作： 1.图集制作：导入需要用于制作图片到unity中，将...
Unity TextMeshPro图文混排
iningwei的博客
03-09 5723
笔者最近项目使用TextMeshPro完成图文混排的需求，以及图文超链接，总的来说功能很强大，没遇到什么坑。 这里记录一下图文混排实现的基本流程流程。 制作需要混排图片.asset文件 方式一 使用图集生成SpriteAsset，需要保证图集的Mode是Multiple类型，即已经裁分了精灵。 右键图集文件选择Create->TextMeshPro->Sprite Asset,会自动生成和图集同名的.asset文件。.asset文件需要放置到TextMesh Pro/Resources/Spri
TextMesh Pro插件，支持各种字体效果，图文混排。效果极佳。.zip
03-14
它作为Unity标准文字系统的一个高级替代品，由Unity Technologies开发并维护，其核心组件TextMeshPro（标签中提及）包含了TextMeshPro - Text、TextMeshPro - UI和TextMeshPro - GPU等多个部分，用于实现不同需求的...
unity TextMeshPro 图文混排 切换图集
weixin_44287351的博客
12-05 3638
unity TextMeshPro 图文混排 切换图集 本文仅做实现 暂无讲解 如有错误 还望指出 TextMeshPro组件 新建项目 创建TextMeshPro 尝试输入 汉字显示失败 需制作字体文件 打开Windows-》TextMeshPro-》FontAssetCreator 打开下面面板 SourceFontFile 设置字体类型 CharacterFile 设置字体文本 项目文件夹中创建文本Font.txt 在文本中添加要显示的汉字 SourceFontFile 设置需要的字体类型
unity TextMeshPro 图文混排功能实现
03-25
### 使用 Unity TextMeshPro 实现图文混排 TextMeshPro 是 Unity 提供的一个强大的文字渲染工具，支持高级的文字样式和布局功能。通过使用 Rich Text 和 Sprite 插入技术，可以轻松实现图文混排的效果。 #### 图文...
Unity TextMeshPro 图文混排
lxzamc的博客
03-20 624
Unity TextMeshPro 图文混排
unity实现图文混排功能.zip
04-17
实现在Text文本中添加图片表情功能
Unity UGUI实现图文混排组件——EmojiText（支持图标，动态表情，按钮，超链接）
11-27
Unity UGUI实现图文混排组件——EmojiText（支持图标，动态表情，按钮，超链接）
unity ugui 图文混排
10-13
unity ugui 图文混排
TextMeshPro表情系统
09-13
TextMeshPro beta2.0可以在Unity5.1可以使用的聊天表情系统 TextMeshPro beta2.0可以在Unity5.1可以使用的聊天表情系统
Unity3D UGUI的图文混排加下划线和超链接
04-11
在网上原有的继承于UGUI的Text基础上根据正则表达式找出表情标记文本替换为表情图片并实现序列帧动画的基础上扩展了下划线和超链接功能，跟UGUI的下划线和超链接功能一样
【Unity】图文混排和动态图文混排
ViYeye的博客
08-08 1617
使用Unity的TextMesh Pro实现图文混排和动态图文混排效果
Unity 来搞一个图文混排吧~
qql7267的博客
12-30 4371
好久没有来更新了，甚至我的账号都掉了，试了半天才搞对密码。 最近也真的是很忙，甚至上周日差点加班，幸好…… 废话不多说，开始了！！！ 废话 首先说明，这个大标题都是废话，可以跳过。 图文混排，这是一个项目中最常见的功能了。没错，我们的项目也有这个需求，幸运的是，我不会呀！要不也不会来写这片文章了。 不光不会，我甚至觉得这东西贼麻烦，想尽量往后拖。然而他们给我安排的时间实在是太多了，不弄不行了。 于是开始百度一下别人写好的东西。 看到第一种，把要需要的图片打个图集，然后用Mesh贴上去。嗯，局限性很大，根
unity 图文混排方案
llsansun的博客
03-05 4527
在我们工作中，可能经常有这样的需求，就是需要图文混排，因为这个对于原生或web都是比较容易的事情。但是我们用unity的话，首先unity最开始只想做纯游戏侧的引擎，一开始甚至还没有一个商业化的ui工具，后面才结合了ngui成为ugui，当然现在也出现了uielement。但要做到图文混排一开始还是不容易的，需要四处找插件，甚至需要自己想办法文字和图片自己做结合来实现。 经过了一段时间后unit...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

微风拂晚霞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值