Cocos2d-js 学习：cc.LabelTTF 简单API记录

经常应为api的记不住导致浪费时间，有的时候发现了好人整理的文档就很方便了，希望更多的人更加的开发方便

1:（附加：在使用ccui进行主要开发时文本内容自动换行需要使用cc.LabelTTF而不能使用ccui.Text，ccui.Text没有控制文字换行的api）

1、  创建

var text = new cc.LabelTTF(“这是一段文字” [, 文字的配置, 大小] );

EG:

var text = new cc.LabelTTF(“哈哈，文字哦~”, "Arial",24); // 创建了一段Arail，大小为24的字体

 

2、  改变文字内容

text.setString(“更改的内容啊~”);

 

3、  设置颜色

label.setColor(cc.color(255, 0, 0, 255)); // 将字体改为红色

 

4、  设置文字大小

label.setFontSize(100); //设置为100号字体

 

5、  文字对齐

label.textAlign = cc.TEXT_ALIGNMENT_CENTER;// 居中

cc.TEXT_ALIGNMENT_LEFT; // 居左

cc.TEXT_ALIGNMENT_RIGHT; // 居右

 

PS:

单行的文字，是无法看出textAlign的效果的说~。

用”\n”换行试试~

 

6、  文字显示范围

label.setDimensions(width, height); // 文字显示的范围

 

7、  忽略anchor的设置

label.ignoreAnchor = true; // 设置后，label的起始点在左下角

 

8、  文字定义：

var text = new cc.LabelTTF(“文字”, def);

 

def 是这样定义:

var def = new cc.FontDefinition(); // 声明文字定义

def.fontName = “宋体,微软雅黑”; // 字体

def.fontSize = 24; // 字号大小

def.textAlign = cc.TEXT_ALIGNMENT_CENTER; // 文字对齐

def.fillStyle = cc.color(“#ffffff”); // 字体(内部)颜色

 

def.strokeEnabled = true; // 开启文字描边效果

def.strokeStyle = cc.color(“#ffeeee”); // 描边的颜色

def.lineWidth = 3; // 字体的宽度

 

defadowEnabled = true; // 开启阴影效果

def.shadowOffsetX = 12; // 阴影X轴效果

def.shadowOffsetY = 12; // 阴影Y轴效果

鸣谢