Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

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

www.zeeklog.com  - Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

一、Unity 富文本Rich Text的介绍

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

2、富文本Rich Text的使用形式:

标记格式:... <元素> ... </元素> ...(影响元素开头与结尾所夹的部分)

可以嵌套: ...<元素1>...<元素2>...</元素1>...</元素2>...

有些可以有参数: <color=green>hiahia

支持的标签:(粗体斜体大小颜色项支持Debug.Log)

b粗体:text

i斜体:text

size大小:<size=10>text这个标签是Debug.Log看得到的

color颜色:<color=#00ffffff>text字母对应于16进制数字,表示红绿蓝和透明度 ;<color=red>text使用颜色名称,总是假定完成不透明

二、Unity 富文本Rich Text的使用

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

www.zeeklog.com  - Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富
www.zeeklog.com  - Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

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

www.zeeklog.com  - Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

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

www.zeeklog.com  - Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

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

www.zeeklog.com  - Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

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

www.zeeklog.com  - Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

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

www.zeeklog.com  - Unity 《知识技能碎片》Unity 富文本(RichText)的使用使UI效果更丰富

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

参考资料:

1)Unity 下载官网:

Unity 圣典 富文本:

声明:如无意中涉及侵权到您的内容,请及时沟通修改,谢谢