美文网首页
Coco2D-JS ccui.Text 设置文本区域大小

Coco2D-JS ccui.Text 设置文本区域大小

作者: LANXF | 来源:发表于2017-06-21 11:34 被阅读0次
BingWallpaper-2016-11-12.jpg

正文:

创建一个ccui.Text添加到节目上,发现是这样的。:

Snip20170621_47.png

文本超出的应该现实的区域。我就看Coco2D-JS的API,找到一个方法:


Snip20170621_48.png

但是但是设置后发现没效果,就纳闷了。怎么回事???

var label = initCcuiText(str,gameConfig.g_font,40,cc.p(this.size.width/2,this.size.height/2+50),cc.hexToColor("#562304"),cc.TEXT_ALIGNMENT_CENTER); label.setTextVerticalAlignment(cc.VERTICAL_TEXT_ALIGNMENT_CENTER);
label.setTextAreaSize(cc.size(700,260));
this.addChild(label);

极细发现这个API,有个判断处理:


Snip20170621_50.png

估计是官方的一个BUG吧,找半天没找到设置这个属性的方法。估计判断搞错了。我就直接在外面强行赋值为false。

var label = initCcuiText(str,gameConfig.g_font,40,cc.p(this.size.width/2,this.size.height/2+50),cc.hexToColor("#562304"),cc.TEXT_ALIGNMENT_CENTER); label.setTextVerticalAlignment(cc.VERTICAL_TEXT_ALIGNMENT_CENTER);
label._ignoreSize = false;
label.setTextAreaSize(cc.size(700,260));
this.addChild(label);

但是这要注意,设置完后。记得把文本上下对齐也设置一下。

······················
         ························
label.setTextVerticalAlignment(cc.VERTICAL_TEXT_ALIGNMENT_CENTER);
label.setTextHorizontalAlignment(cc.TEXT_ALIGNMENT_CENTER);

上面的initCcuiText方法,是我自己的写的快速构造方法,喜欢就拿去用::

function initCcuiText (string,fontName,size,point,color,ALIGNMENT) {
    var text = new ccui.Text(string,fontName,size);
    text.setPosition(point);
    if (color != undefined) {
        text.setTextColor(color);
    }
    if (ALIGNMENT != undefined) {
        text.setTextHorizontalAlignment(ALIGNMENT);
    }

    return text;
}

相关文章

  • Coco2D-JS ccui.Text 设置文本区域大小

    正文: 创建一个ccui.Text添加到节目上,发现是这样的。: 文本超出的应该现实的区域。我就看Coco2D-J...

  • ae文本框大小怎么改?

    网上下载的AE模版文本框大小怎么改呢?ctrl+K或者右键窗口区域点击合成设置调处合成设置窗口

  • JVM内存区域

    JVM内存区域 数据区域 控制参数 -Xms设置堆的最小空间大小。-Xmx设置堆的最大空间大小。-XX:NewSi...

  • UIButton:根据文本内容设置Button大小

    根据文本内容设置Button大小

  • flutter中固定区域智能显示文本框

    1. 固定区域智能显示文本框 需求:给定一个固定大小的区域,可以智能的显示文本(列排版): 可以智能的调整字体大小...

  • TextView基本学习

    TextView如何产生丰富的文本。 显示文本 设置颜色和字体 设置大小号 设置小号 设置斜体,粗体 链接地址 插...

  • 【知识总结】sizeToFit

    总结 设置lable的大小以后,根据sizeToFit自动设置文本大小,遵守以下几个规则:1,设置的frame的w...

  • 通过CALayer和图片裁剪设置圆角

    图片裁剪设置圆角: 1、通过设置和图片同样大小的上下文2、设置圆形裁剪区域(创建圆形路径、把路径设置为裁剪区域ad...

  • Android Studio中的字体设置

    Android Studio使用中,设置最多的就是code区域的字体大小,另外再就是console的字体大小设置。...

  • 第三天

    css 文本设置:color 设置文字的颜色: color:red;font-size 设置文字的大小:font-...

网友评论

      本文标题:Coco2D-JS ccui.Text 设置文本区域大小

      本文链接:https://www.haomeiwen.com/subject/xwvzqxtx.html