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

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

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

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)的话,就会偏移了,这个只有在编写代码的时候注意了,如果锚点不是中心,则要重新设置位置 总结

以上是内存溢出为你收集整理的cocos js控件ccui.Text 和ccui.RichText获得实际大小的方法全部内容,希望文章能够帮你解决cocos js控件ccui.Text 和ccui.RichText获得实际大小的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1083772.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存