cocos2d js 笔记二 Label 各属性设置 :

第1个参数 “str” : 为需要显示的字符串

第2个参数 “Arial”: 为字体

第3个参数 42 : 为字体大小

第4个参数 cc.size(620,500) : 为规定显示范围

第5个参数 cc.TEXT_ALIGNMENT_CENTER : 水平文本居中

第6个参数 cc.VERTICAL_TEXT_ALIGNMENT_CENTER : 垂直文本居中

var label = new cc.LabelTTF("str","Microsoft YaHei",42,cc.size(620,500),cc.TEXT_ALIGNMENT_CENTER,cc.VERTICAL_TEXT_ALIGNMENT_CENTER);

如果四个参数不填写 , 第五六参数无效 !

//水平方向靠左cc.TEXT_ALIGNMENT_LEFT =0;

//水平方向居中cc.TEXT_ALIGNMENT_CENTER =1;

//水平方向靠右cc.TEXT_ALIGNMENT_RIGHT =2;

//垂直方向顶部cc.VERTICAL_TEXT_ALIGNMENT_TOP =0;

//垂直方向居中cc.VERTICAL_TEXT_ALIGNMENT_CENTER =1;

//垂直方向底部cc.VERTICAL_TEXT_ALIGNMENT_BOTTOM =2;

1、改变文字内容

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

2、设置颜色

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

3、设置文字大小

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

4、文字对齐

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

cc.TEXT_ALIGNMENT_LEFT; //居左

cc.TEXT_ALIGNMENT_RIGHT; //居右

PS:

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

用”\n”换行试试~

5、文字显示范围

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

6、忽略anchor的设置

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

7、文字定义：

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轴效果