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获取内容