游戏UI效果的UGUI仿制（三）实现英雄联盟属性介绍富文本效果

前言：今天是元宵节，祝大家心想事成，团团圆圆，也希望疫情可以早日结束。感谢前线的医护人员！武汉加油，中国加油！

一、原版效果

二、效果分析

今天不谈所谓布局和读数据数据优化之类的东西。我们可以看到在这些下面一半的介绍部分，即使是同一句话，也会有不同的形状、颜色。今天给所要介绍的就是这一部分。我在守望先锋那一篇采用了两个Text组件，这是比较浪费资源的行为，但是优势在于可以调整不同的字体。而今天这种实现方式，会节约一部分资源。

三、效果实现

今天的效果实现不会放一大串代码。涉及到高度适配还有数据引用这一部分不是重点。今天主要讲的是Text的运用。

首先我们弄一个黑色背景。然后用一个text组件放上去，再把文字打进去。看起来就像这样

可以看到我只是用了一个text组件。而且里面的东西显示干干巴巴的。这个时候就要请出Rich Text出山了。只需要加几个小小的标签

是不是一下子就不一样了呢！
放个原图

四、知识点

首先我要引入官方文档对Rich Text的解释部分Rich Text的官方文档

这是一个类似于在HTML里面标签的一个东西。虽然可以支持的不多，但是总之已经大体满足平时的需求了。这里原文档解释的很是清楚了。我用简单的话说，b是加粗，i是斜体。size是大小，color是颜色。

需要注意的是，如果多个标签需要嵌套使用比如

<i><color=grey>【阿尔法突袭】可以暴击，造成<color=orange>43</color>额外伤害。
野怪受到75额外伤害。
反复的打击会立刻造成25%伤害。
普通攻击可使【阿尔法突袭】的冷却时间减少1秒</color></i>

需要注意的是这些标签是需要按照层次使用的。一层一层。先写i，就要后写/i。否则显示会出错。还有比如color=grey。按照常用的书写习惯我们会写成color = grey。这样也是不可以的。是不会识别出来的。

还有需要注意一点是，如果你在Inspector面板想换行的话，直接使用回车就可以了。使用\n是识别不出来的。同样在代码赋值部分，也千万不要使用回车。需要使用\n。

至于后两项material和quad，这两项是仅适用于Text Mesh的。他们里面material=1所指代的是Text Mesh材料数组的索引。而且quad不需要使用/quad来结束。

还有就是富文本是可以嵌套使用的。比如在color里嵌套color。这样的话被里面的color嵌套的会使用里面color的颜色。比如

<color=grey>虽然我是灰色，但是这里是<color=red>红色</color>不一样的颜色。</color>

里面的红色两个字是红色的。剩下的都是灰色。