Cocos2dx 3.X Label的换行

本文介绍如何使用Cocos2d-x 3.X版本中的LabelTTF组件实现自动换行功能。通过设置LabelTTF的尺寸,可以轻松实现文字的自动换行,并且支持自定义对齐方式和锚点位置。

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

很多项目中都会有Label换行的需求,之前自己还手动写了个换行的处理。但才发现3.X引擎已经帮我们做了这件事。而且用法很简单
针对LabelTTF(如果你用的ccui.Text,调用getVirtualRenderer(),返回值就是labelTTF)
再对LabelTTF调用setDimensions方法即可,来看下源码
/**
     * Set Dimensions of cc.LabelTTF, the dimension is the maximum size of the label, set it so that label will automatically change lines when necessary.
     * @param {cc.Size|Number} dim dimensions or width of dimensions
     * @param {Number} [height] height of dimensions
     */
    setDimensions: function (dim, height) {
        var width;
        if (height === undefined) {
            width = dim.width;
            height = dim.height;
        } else
            width = dim;

        if (width !== this._dimensions.width || height !== this._dimensions.height) {
            this._dimensions.width = width;
            this._dimensions.height = height;
            this._updateString();
            // Force update
            this._setUpdateTextureDirty();
        }
    },
用例,setDimensions(50,60)或者setDimensions(cc.size(50,60));
50表示尺寸的宽,60表示高;
针对需要换行的一般只考虑宽就行了,高度给一个够用的就行,如果规定了有几行,你也可以确定高度。
然后在调整对齐方式和锚点就能达到你想要的效果。如下:
[换行效果]
![这里写图片描述](https://img-blog.csdn.net/20170525110446627?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaWFtbGVnZW5kYXJ5/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
两个Label宽度一样,cocos还考虑了不拆分单词,很人性,应该是根据空格做的处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值