fui的文本与富文本的区别

1. fairygui 文本组件对应 Creator的Label组件

Cocos creator Label组件
他可以通过 GTextField.text 修改 Lable.string 来改变文本的内容。

2. fairyGui的富文本对应 Creator的cc.RichText
cc.RichText
富文本能够1.使用UBB语法 2.插入图片
这些都是文本不具备的功能
然而富文本底层只是Lable组件的排列组合(纯文本情况下)
通过节点树工具可以看到
富文本实际组成
RichText下由很多的Label作为子节点拼接成完整的富文本
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

富文本缺点:富文本在fgui编辑器内的定位在游戏内总是向下偏移几个像素点。

3. 富文本外描边问题 以及UBB语法解决方式
在这里插入图片描述

fgui编辑器内描边功能(富文本)勾选是有效果的,然而在游戏内展示是没有效果的(此处不展示)。
引入UBB 外描边的原因,Creator 游戏内带有鲜艳颜色的文本总是看起来有点半透明,导致文本看不清楚。策划决定对于一些带颜色的文本添加深色描边来突出文本轮廓来让其更清晰。
(上图中的暴击几率提升0.58%就是带有黑色描边)。

解决方法:只需要对带有颜色标签的文本外围再套一层outline标签
如:"<outline color=black wdith=1>[color=#FFFFFF] + replace + "[/color]</outline>"
即:<outline color=black wdith=1> </outline>

参考链接

1.https://blog.csdn.net/weixin_41997753/article/details/109330678
Cocos网页调试 节点树工具
2.https://ask.fairygui.com/?/question/26703
creator3.x fgui的富文本不支持描边 (3.8有效)

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐