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

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

一、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”添加一段文本，如下图

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

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

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

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

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

7、到此，Unity 富文本（RichText）的使用使UI效果更丰富课题讲解结束，更多信息可参见 “Unity 圣典”http://www.ceeger.com/Manual/StyledText.html，谢谢

参考资料：

1）Unity 下载官网： https://unity3d.com/cn

2）Unity 圣典 富文本： http://www.ceeger.com/Manual/StyledText.html

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