cocos js控件ccui.Text 和ccui.RichText获得实际大小的方法

本文介绍了在cocos js中,如何获取ccui.Text和ccui.RichText的实际大小。对于ccui.Text,关键在于设置setTextAreaSize(size)并忽略内容适应大小,然后通过getVirtualRendererSize()获取。而对于ccui.RichText,需要在formatRenderers()函数中添加代码记录文本高度,并修改getVirtualRendererSize()使其返回实际大小。

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

1、ccui.Text 获得实际大小的方法

查看源码,在Text中起作用的其实是CCLabelTTF类,而在CCLabelTTF中进行排版的功能由cc.LabelTTF.RenderCommand来执行,下面这个是求文本实际内容大小的方法,也就是说,只有设置_dimensions.height === 0 时,才能计算其实际内容大小。如何才能让_dimensions.height === 0呢?

其实,ccui.Text有一个方法setTextAreaSize(size),可以设置_dimensions的size,比如为

var size = cc.size(400, 0);

node.setTextAreaSize(size);

同时也要设置node.ignoreContentAdaptWithSize(false);

这样就可以通过ccui.Text.getVirtualRendererSize();来获得实际的大小。

if (node._dimensions.height === 0) {
    if (this._isMultiLine)
        locSize = cc.size(Math.ceil(locDimensionsWidth + locStrokeShadowOffsetX), Math.ceil((node.getLineHeight() * this._strings.length) + locStrokeShadowOffsetY));
    else
        locSize = cc.size(Math.ceil(locDimensionsWidth + locStrokeShadowOffsetX), Math.ceil(node.getLineHeight() + locStrokeShadowOffsetY));
} else {
    //dimension is already set, contentSize must be same as dimension
    locSize = cc.size(Math.ceil(locDimensionsWidth + locStrokeShadowOffsetX), Math.ceil(node._dimensions.height + locStrokeShadowOffsetY));
}


2、富文本获得实际大小的方法

在UIRichText.js中499行中函数formatRenderers(),有求文本实际大小的方法,但是并没有成员变量保存,所以我增加一个成员变量_textRealSize来记录这个值,在586行增加这行代码,其中newContentSizeHeight就是原来代码中计算出来的文本高度

this._textRealSize = cc.size(this._contentSize.width,newContentSizeHeight);

并且修改函数getvirtualRendererSize(),让其与ccui.Text返回实际大小的函数相同

getVirtualRendererSize: function(bret){
    //2017-5-9 修改引擎,如果添加参数为true的话,返回真实值
    if(bret){
        if (!this._ignoreSize) {
            return this._textRealSize;
        }
    }
    return this._elementRenderersContainer.getContentSize();
},

3、富文本的锚点设置为(0.5,,0.5)

locRenderersContainer
在formatRenderers函数里面有一个变量locRenderersContainer,他保存了富文本的元素,但是如果改变富文本的锚点,locRenderersContainer的锚点也会被改变,但是不管锚点如何变化,locRenderersContainer的坐标都是富文本的中心位置,代码如下

locRenderersContainer.setPosition(this._contentSize.width * 0.5, this._contentSize.height * 0.5);
,也就是说如果富文本的锚点不是(0.5,0.5)的话,就会偏移了,这个只有在编写代码的时候注意了,如果锚点不是中心,则要重新设置位置



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值