您的位置:首页 > 产品设计 > UI/UE

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

2020-03-01 13:37 645 查看

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

一、原版效果

二、效果分析

今天不谈所谓布局和读数据数据优化之类的东西。我们可以看到在这些下面一半的介绍部分,即使是同一句话,也会有不同的形状、颜色。今天给所要介绍的就是这一部分。我在守望先锋那一篇采用了两个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>

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

  • 点赞
  • 收藏
  • 分享
  • 文章举报
没关系丶是爱情啊 发布了9 篇原创文章 · 获赞 0 · 访问量 523 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: