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

前端之家收集整理的这篇文章主要介绍了cocos js控件ccui.Text 和ccui.RichText获得实际大小的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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);

这样就可以通过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)的话,就会偏移了,这个只有在编写代码的时候注意了,如果锚点不是中心,则要重新设置位置 原文链接:https://www.f2er.com/cocos2dx/338679.html

猜你在找的Cocos2d-x相关文章