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();来获得实际的大小。

@H_502_14@if (node._dimensions.height === @H_301_21@0) {
    @H_502_14@if (@H_502_14@this._isMultiLine)
        locSize = cc.size(Math.ceil(locDimensionsWidth + locStrokeShadowOffsetX),Math.ceil((node.getLineHeight() * @H_502_14@this._strings.length) + locStrokeShadowOffsetY));
    @H_502_14@else @H_502_14@ locSize = cc.size(Math.ceil(locDimensionsWidth + locStrokeShadowOffsetX),Math.ceil(node.getLineHeight() + locStrokeShadowOffsetY));
} @H_502_14@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就是原来代码中计算出来的文本高度

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

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

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

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

locRenderersContainer
在formatRenderers函数里面有一个变量locRenderersContainer,他保存了富文本的元素,但是如果改变富文本的锚点,locRenderersContainer的锚点也会被改变,但是不管锚点如何变化,locRenderersContainer的坐标都是富文本的中心位置,代码如下
locRenderersContainer.setPosition(@H_502_14@this._contentSize.width * @H_301_21@0.5,@H_502_14@this._contentSize.height * @H_301_21@0.5);
,也就是说如果富文本的锚点不是(0.5,0.5)的话,就会偏移了,这个只有在编写代码的时候注意了,如果锚点不是中心,则要重新设置位置

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