cocos-html 3.10 修改ccui.Text, ccui.RichText行间距

cocos-html 3.10 修改ccui.Text, ccui.RichText行间距,第1张

概述1、修改ccui.RichText行间距 在UIRichText.js中,函数formatRenderers(),中计算各个元素的位置,看下面修改引擎的方法,把lineHeight和contentSize.height的最大值最为行高,并且在设置富文本的时候,设置行高lineHeight; 富文本设置行高的的办法 var lineHeight = richText.lineHeight ? ric

1、修改ccui.RichText行间距

在UIRichText.Js中,函数formatRenderers(),中计算各个元素的位置,看下面修改引擎的方法,把lineHeight和contentSize.height的最大值最为行高,并且在设置富文本的时候,设置行高lineHeight;


富文本设置行高的的办法

var lineHeight = richText.lineHeight ? richText.lineHeight : "normal";var FontDef = new cc.FontDeFinition({    fillStyle: color,    Fontname: gFontname,    FontSize: 20,    FontWeight: boldStr,    lineHeight:lineHeight,})var richElement = new ccui.RichElementText(i,FontDef,255,String(textStr));
这样就可以修改富文本的行间距了。


2、ccui.Text的设置行间距

ccui.Text真正容纳文本的实际上是cc.LabelTTF,而cc.LabelTTF计算行距又是在cclabelTTFCanvasRenderCmd.Js中执行的,通过cc.LabelTTF.RenderCmd中的_saveStatus()来保存文本的状态,然后在之后的渲染中来渲染,下面就是获取行高的方法,其中的node就是ccui.Text中的_labelRenderer成员变量,这个成员变量是cc.LabelTTF的一个实例。

//lineHeightvar lineHeight = node.getlineHeight();

现在我们要设置ccui.Text中的_labelRenderer的行高

var textNode = new ccui.Text();

var lineHeight = 50;

textNode._labelRenderer.setlineHeight(lineHeight);

由于引擎里面没有直接设置行高的方法,所以只有直接使用_labelRenderer的方法

总结

以上是内存溢出为你收集整理的cocos-html 3.10 修改ccui.Text, ccui.RichText行间距全部内容,希望文章能够帮你解决cocos-html 3.10 修改ccui.Text, ccui.RichText行间距所遇到的程序开发问题。

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

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

原文地址: http://outofmemory.cn/web/1084285.html

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

发表评论

登录后才能评论

评论列表(0条)

保存