wpf label 文字下划线_cocos creator 基础一文通(八)--label

这篇博客介绍了Cocos Creator中的wpf标签使用,包括直接创建标签、调整属性、使用自定义字库和位图字库。同时详细讲解了富文本组件的工作原理,如BBCode标签格式,强调了其在复杂场景下的性能问题和最佳实践建议。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一. label标签组件

1.添加标签的方法

①. 直接创建label组件

②. 组件上创建label组件

二. label按钮属性

4752d511e34171caefd72d45ca60f526.png

三. 使用自定义字库

1.自定义字库

将自定义字库生成ttf文件 引入字体属性卡 中

8e76b4ccda2deaf4cb8d3c1a89061767.png

a42cd588a8a88b1359512cdbe1acf8f5.png

2.位图字库 //方便轻量,但有限

字模文件包括2个部分 :字符精灵图(png) 字符配置文件(fnt)

99762320984d81d50e6af10b90c3ef66.png

把fnt文件托入font 就可以用了

df0eeb1f733630f7513e55071efd5c6c.png

四. 文字调整

  1. 通过控制锚点控制文字扩展方向

五. 代码使用cc.Label

1.获得组件

①关联至属性面板

cc.Class({
    extends: cc.Component,
    properties: {
        bmp_font:{
            type:cc.Label,
            default:null
        }
    },
    start () {
        this.bmp_font.string="hahaha";        
    },
});

②代码中获取组件

start () {
        var find_label1=this.node.getChildByName("label_1").getComponent(cc.Label);
        find_label1.string="gegegege";   
    }

六. 富文本 //适合图文混排.样式混排,但不适于代码修改

1. 简介

RichText 组件用来显示一段带有不同样式效果的文字,你可以通过一些简单的 BBCode 标签来设置文字的样式。 目前支持的样式有:颜色(color),字体大小(size),字体描边(outline),加粗(b),斜体(i),下划线(u),换行(br),图片(img)和点击事件(on),并且不同的 BBCode 标签是可以支持相互嵌套的。

2.BBCode 标签格式 //类似于HTML

基本格式

目前支持的标签类型有:size,color, b, i, u, img 和 on,分别用来定制字体大小,字体颜色, 加粗,斜体,下划线,图片和点击事件。 每一个标签都有一个起始标签和一个结束标签,起始标签的名字和属性格式必要符合要求,且全部为小写。 结束标签的名字不做任何检查,只需要满足结束标签的定义即可。

下面分别是应用 size 和 color 标签的一个例子:

<color=green>你好</color>,<size=50>Creator</>

9ee1d0563aa58f40e23aecacd595f3ce.png

e51837fcb745a3bf3658847ebeff3137.png

注意: //富文本的局限性!!!

富文本组件全部由 JS 层实现,采用底层的 Label 节点拼装而成,并且在上层做排版逻辑。 这意味着,你新建一个复杂的富文本,底层可能有十几个 label 节点,而这些 label 节点都是采用系统字体渲染的,

所以,一般情况下,你不应该在游戏的主循环里面频繁地修改富文本的文本内容, 这可能会导致性能比较低。

另外,如果能不使用富文本组件,就尽量使用普通的文本组件,并且 BMFont 的效率是最高的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值