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

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