Cocostudio的简单使用：

1.我在win7上安装cocostudio打开ui编辑器

2.导入资源文件

3.

4.把所需要的文件资源复制到cocostudio这个路径下，然后在软件中导入资源文件，cocostudio编辑器会自动的剪切好图片。

5.编辑制作所需的页面场景，保存项目。

6.导出项目，这时候导出成功，在原项目路径下会自动生成一个Export文件夹，它下会有一个XXX的生成文件，你只需要拷贝它到你的Resources目录下加载即可。

7.

8.这样ui编辑器就编辑好了你的页面，到你的代码文件中加载ui页面

9..MenuScen.h文件中

#ifndef__TDgame1103_01__MenuScene__

#define__TDgame1103_01__MenuScene__

#include"cocos2d.h"

#include"cocostudio/cocostudio.h"

#include"ui/cocosgui.h"

using namespace cocos2d;

using namespace ui;

using namespace cocostudio;

class MenuScene:public Layer{

public:

CREATE_FUNC(MenuScene);

bool init();

static Scene*createScene();

void onclick(Ref* obj,Widget::TouchEventType t);

};

#endif /*defined(__TDgame1103_01__MenuScene__) */

10. MenuScene。cpp文件中实现

#include"MenuScene.h"

#include"GameScene.h"

Scene*MenuScene::createScene(){

auto scene=Scene::create();

auto layer=MenuScene::create();

scene->addChild(layer);

return scene;

}

bool MenuScene::init(){

if (!Layer::init()){

return false;

}

//加载ui编辑好的menuscene

auto node=GUIReader::getInstance()->widgetFromJsonFile("NewUi01_1.json");

this->addChild(node);

//获取uiz中的某个node获取按钮呗就是

Button * btStart=(Button *)node->getChildByTag(14);//这里的14是Button的tag，据实际情况而定

btStart->addTouchEventListener(CC_CALLBACK_2(MenuScene::onclick,this));

return true;

}

void MenuScene::onclick(Ref* obj,Widget::TouchEventType t){

switch (t) {

case Widget::TouchEventType::ENDED:{

auto scene=GameScene::createScene();

auto s2=TransitionFlipX::create(0.5,scene);

Director::getInstance()->replaceScene(s2);

} break;

default:

break;

}

}