游戏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>
里面的红色两个字是红色的。剩下的都是灰色。
- 点赞
- 收藏
- 分享
- 文章举报
- Android UI效果篇-(3)用属性动画实现收缩菜单
- UGUI 实现文本打字效果
- Android UI实现单行文本水平触摸滑动效果
- 关于SpannableString属性详细介绍以及利用SpannableString显示多种文本效果
- Android UI设计之<四>自定义TextView属性,实现带边框效果的TextView
- HTML基础 body标签text属性将普通文本颜色改为白色,实现有趣的密文效果
- NGUI对游戏里各种常见UI效果的实现总结
- 【iOS开发-9】UIImage和UIImageView属性介绍,实现图片动画,实现开始/停止按钮效果
- NGUI对游戏里各种常见UI效果的实现总结
- TextView中文字的跑马灯效果实现,以及focusable,focusableInTouchMode属性介绍
- Unity实现UI渐变效果(UGUI)
- Unity实现UI渐变效果(UGUI)
- Android UI实现多行文本折叠展开效果
- css3选择器、背景、边框、渐变、阴影以及文本效果的介绍及实现
- CSS的定位属性实现text-shadow属性的文本下产生阴影效果
- iOS开发UIImage和UIImageView属性介绍,实现图片动画,实现开始/停止按钮效果
- 从UGUI源码中想到的UI动态”挖洞”效果的实现(蒙版过滤)
- (android控件)巧用background属性,实现图片可选择效果
- ipanel 应用中2D效果实现最常用的三个属性参数
- Android UI控件之ListView实现圆角效果