手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Unity 富文本(RichText)的使用使UI效果更丰富

时间:2024-10-16 11:43:40

Unity 新版本的富文本的使用,使UI的效果更佳丰富,告别单调的UI,让我们的游戏界面更绚丽,具体使用如下

Unity 富文本(RichText)的使用使UI效果更丰富

工具/原料

Unity

一、Unity 富文本Rich Text的介绍

1、富文本Rich Text:这种文本用于GUI元素和文本网格可以结合多种字体类型和大小。 GUIStyle, GUIText 和 TextMesh类都有富文本设置,能指示unity寻找文本内含有的标记标签。Dubug.Log也可以用这些标记标签来增强代码报告错误的能力。这些标签不显示,而是显示应用到文本的风格变化。

2、富文本Rich Text的使用形式:标记格式:... <元素> ... </元素> ...(影响元素开头与结尾所夹的部分)可以嵌套: ...<元素1>...<元素2>...</元素1>...</元素2>...有些可以有参数: <color=green>hiahia</color>支持的标签:(粗体斜体大小颜色项支持Debug.Log)b粗体:<b>text</b>i斜体:<i>text</i>size大小:<size=10>text</size>这个标签是Debug.Log看得到的color颜色:<color=#00ffffff>text</color>字母对应于16进制数字,表示红绿蓝和透明度 ;<color=red>text</color>使用颜色名称,总是假定完成不透明

二、Unity 富文本Rich Text的使用

1、打开Unity,新建一个工程,然后在场景中新建“Panel”,在“Panel”添加“Text”,并且给“Text”添加一段文本,如下图

Unity 富文本(RichText)的使用使UI效果更丰富
Unity 富文本(RichText)的使用使UI效果更丰富

2、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“粗体”效果, 用<b>...</b>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图

Unity 富文本(RichText)的使用使UI效果更丰富

3、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“斜体”效果, 用<i>...</i>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图

Unity 富文本(RichText)的使用使UI效果更丰富

4、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“字体放大”效果, 用<size=30>...</size>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图

Unity 富文本(RichText)的使用使UI效果更丰富

5、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春流年,如火如荼。”添加“颜色”效果, 用<color=red>...</color>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图

Unity 富文本(RichText)的使用使UI效果更丰富

6、给文本“青春往事,多么甜蜜;青春岁月,多么靓丽;青春浯裁佻辞流年,如火如荼。”添加“多种组合”效果, 用<b><i><size=30>&造婷用痃lt;color=red>...</color></size></i></b>框住该段文字,记得在勾上“Rich Text”选项,操作与效果如下图

Unity 富文本(RichText)的使用使UI效果更丰富

7、到此,Unity 富文本(RichText)的使用使UI效果更丰富课题讲解结束,更多信息可参见 “Unity 圣典”,谢谢

© 手抄报圈