unity_Text文本和图片组合

已于 2022-02-15 20:46:11 修改
阅读量4k 收藏 6
点赞数 2
分类专栏： unity 文章标签： unity 游戏引擎
于 2022-02-15 20:45:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ashmoc/article/details/122951786
版权

目录

1 文字和图片混合

2 文本框随着文字的增加而增长并且要和图片一起居中显示

1 文字和图片混合

效果图

花费数字组件设置

前置文字锚点设置 

后置图片锚点设置

2 文本框随着文字的增加而增长并且要和图片一起居中显示

效果图 

父物体组件

下面放文字和图片

 在文字赋值之后，添加一行代码搞定

private RectTransform _costRect;

_costRect.sizeDelta = new Vector2(_costText.preferredWidth, _costText.preferredHeight);

一只野狗
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
unity实战之TextMeshPro实现聊天图文混排
爱上游戏开发
07-11 4182
unity使用TextMeshPro实现聊天图文混排
「Unity3D」UGUI Text ＜quad/＞ 使用详解：一种实现图文混排的策略
scott.cgi
01-31 5140
首先，我们看一下官方说明。 This is only useful for text meshes and renders an image inline with the text. 关键词在于：text meshes 和 image inline ——这说明，<quad/>设计是用在TextMesh而不是Text，并且它是一个文本内嵌图片，即可以自动图文混排。 其次，看一下官方例子。 <quad material=1 size=20 x=0.1 y=0.1 width=0.5 he
Unity Text 插入图片
热门推荐
无幻
10-10 3万+
Unity 新 UI 系统中的 Text 组件支持富文本标签，标签包括 b（黑体）、i（斜体）、size（大小）、color（颜色），并不支持图片的直接插入。但官方文档提到可以对 Text Mesh 插入贴图
Unity 图文混排(UGUI Text 支持图片显示)
weixin_41691750的博客
05-16 889
效果预览 Unity 图文混排 Gitee地址下载 链接
Unity-添加图片/文字
最新发布
WWeixq的博客
10-25 2692
2.选中图像，在Inspector中设置Texture Type为Spirit(2D and UI)4.将图片拖入Image的Ispector-Image-Source Image。此时，图片已经进入场景，可以对它的位置及大小进行改变。3.在Hierarchy中右击选择UI-Image。1.先把图片放入Assets里。
可插入图片的TEXT文本框
09-04
主要介绍了可插入图片的TEXT文本框，有需要的朋友可以参考一下
Unity TextMesh Pro富文本添加图片细节
love_c_s的博客
07-07 5092
1.场景中右键添加Canvas,子物体添加Text-TMP 2. 准备图片。设置精灵2d 3.选中图片，右键创建TMP 4.得到S标文件，拖放到指定位置（PS，图片要一开始就放到对应文件夹，S文件生成后拖放到对应文件夹）。此后图片随意更改删除都无所谓，已经切断联系。因为S文件已经独立出去，TMP中只用S文件。 5.在场景中的TMP组件中，找到Extra Setting，单击打开它。将生成的S拖放到这个位置赋值。 6.文本Text中
unity之粒子特效制作图片拼合文字效果
qq_42345116的博客
08-06 3784
经过上面的操作每个粒子将我们的12张图片组合成一张进行发射的，我们接下来就要裁剪每一张图片，来实现随机一张图片粒子的发射。到这里我们粒子图片拼合文字效果就出来了，但是要是想实现移动的效果则需要使用脚本控制了。2. 将相机位置和粒子特效位置调整到0点，并且调整粒子发射的角度方向是朝向相机的。改变粒子的速度、大小、发射数量来让每个粒子以点成线，线成面的原理组合成一个面。现在的效果，这时候粒子已经贴合文字展示了，但是图片太大效果太差。这一步就是为了让发射的粒子贴合到文字图片上。将发射的粒子调整为发射图片。....
unity UGUI HUD Text v1.4.1.zip
04-25
Unity UGUI HUD Text v1.4.1 是一个专门针对Unity引擎开发的用户界面（UI）插件，它主要用于创建动态、高效的头显显示（HUD）文本，如伤害数值、状态提示等特效。这个插件基于Unity的内置UGUI系统，提供了一套便捷的...
unity制作图片字体
11-21
可以通过图片来做unity识别的字体，让数字显示的更完美
Unity-Technologies-ui_Ugui_unity
09-11
11. **TextMeshPro**：Unity官方提供的高级文本渲染系统，支持丰富的文本格式和排版，是对Unity默认Text组件的增强。 12. **Sprite Renderer**：用于渲染2D精灵，常用于UI图标和其他2D元素。 在实际开发中，UGUI...
Unity艺术字解决方案
09-28
Unity的UGUI系统是自Unity 4.6版本引入的，它提供了一套完整的界面构建工具，包括文本对象（Text）、图像对象（Image）等，可以方便地创建和管理游戏中的用户界面元素。对于艺术字的创建，我们可以通过以下步骤实现...
Unity UGUI三维菜单旋转循环
06-07
在Unity引擎中，UGUI（Unity User Interface）是官方提供的一种强大的2D和3D图形渲染系统，用于创建用户界面。本项目“Unity UGUI三维菜单旋转循环”旨在利用UGUI系统开发一个创新的交互式菜单，该菜单具有3D旋转...
TextEffects
06-11
《Unity中的TextEffects：增强文本视觉表现力》 在Unity引擎中，文本是游戏和应用程序界面不可或缺的一部分。然而，简单的文字展示往往不足以吸引用户的眼球，这就需要利用各种特效来提升文本的视觉吸引力。"Text...
【游戏开发实战】Unity UGUI Text图文混排（聊天文字混表情），支持动态表情，出招吧表情帝
linxinfa的专栏
04-09 1万+
文章目录一、前言二、最终效果三、具体使用1、导入表情素材2、设置图片格式3、生成表情图集4、UI-EmojiFont.shader5、材质球四、测试五、结束语 一、前言 点关注不迷路，持续输出Unity干货文章。 嗨，大家好，我是新发。 我们在聊天中经常会使用到表情插在文字中的情况，比如下面这样： 我们在Unity中如何实现这种图文混排的效果呢？今天就来介绍下Unity UGUI Text图文混排的实现吧。 二、最终效果 本文Demo工程已上传到CodeChina，感兴趣的同学可自行下载学习。 地址：h
unity text跟随内容变化 并使图片随着text的变化改变位置
o_ojjj的博客
10-14 2280
首先给text 添加conentSize Fitter组件 然后设置rectTransform的Pivot 设置Pivot 的X，如果是横着排版 Y一直为0.5即可 X:0 text内容向右排版 X:0.5 text内容向两边排版 X:1 text内容向左排版 这是横着排版的X设置，如果是竖着排版 则修改Y的值即可，X为0.5 当text变化是 图片始终处于文本框右边 1、把图片处于text的子物体 2、按住ALT修改图片的锚点 如果是在文本框右边，设置锚点为右边， 没法录视频，放个图片
unity字体重叠
weixin_41995872的博客
08-02 181
【代码】unity字体重叠。
unity 图文混排方案
llsansun的博客
03-05 4101
在我们工作中，可能经常有这样的需求，就是需要图文混排，因为这个对于原生或web都是比较容易的事情。但是我们用unity的话，首先unity最开始只想做纯游戏侧的引擎，一开始甚至还没有一个商业化的ui工具，后面才结合了ngui成为ugui，当然现在也出现了uielement。但要做到图文混排一开始还是不容易的，需要四处找插件，甚至需要自己想办法文字和图片自己做结合来实现。 经过了一段时间后unit...
UnityUGUIText根据内容自适应（滑动框、图标跟随）
weixin_44250118的博客
07-22 2250
一.icon图标跟随在文字前面随文本长短而移动位置 1.Text组件GameObject添加Content Size Fitter组件控制文本框大小随内容而变化 2.把图标放到子物体位置，Rect Transform 中的Pivot设置为1,0.5 调整好位置即可 3.上、下或者右边同理。文本扩展方向以及位置通过改变 和Rect Transform 中的Pivot设置 二.Scroll View滑动框大小随文字改变 比如竖直排列 1.文本框上添加Content Size Fitter..
unity 获取tmp_text文本末尾位置
05-25
要获取 TMP_Text 中文本的末尾位置，您可以使用 TMP_Text 的 GetParsedText() 方法获取解析后的文本，然后使用字符串的 Length 属性获取文本长度。示例代码如下： ```csharp using TMPro; public class Example : MonoBehaviour { public TMP_Text text; void Start() { // 获取解析后的文本 string parsedText = text.GetParsedText(); // 获取文本长度 int textLength = parsedText.Length; Debug.Log("文本末尾位置：" + textLength); } } ``` 请注意，此方法返回的位置是基于解析后的文本的字符位置，而不是显示的字符位置。因此，如果您的 TMP_Text 控件设置了文本对齐方式或文本溢出选项，则可能需要进行更复杂的计算才能获取最终显示文本的末尾位置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值