CocosUI之九妹图和编辑框

9妹图的精灵图片比较特殊，一般都是这种圆形边角的图，而9妹图会将这个图分成9个部分，届时缩放的时候四个边角是不会缩放的。

 

        Scale9Sprite* sprite =Scale9Sprite::create("ccs-res/cocosui/green_edit.png");

        addChild(sprite);

        sprite->setPosition(200, 200);

        // 改变Scale9Sprite的内容大小

        sprite->setContentSize(Size(100, 100));

 

编辑框

就是输入框，如Login框

EditBox：

EditBox* edit = EditBox::create(Size(100, 30), "ccs-res/cocosui/green_edit.png");//参数1是大小，参数2是一个9妹图背景

addChild(edit);

edit->setPosition(Vec2(200, 200));

// placeHolder：这个是提示语

//font, color, size

edit->setPlaceHolder("pleaseinput:");

edit->setPlaceholderFontColor(Color4B::RED);

//text

//font color size

edit->setFontColor(Color4B::YELLOW);

效果如下：

 

TextFiledTTF：

TextFieldTTF* text = TextFieldTTF::textFieldWithPlaceHolder("Please inputyour name:","Arial", 24); //参数1是编辑框中的提示内容（默认数据），参数2是字体类型名，参数3是大小

addChild(text);

text->setPosition(200,200);

 

所有2个编辑框显然都是节点类型，可以通过getString获取内容