Cocostudio的简单使用：

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;

    }

 

 

 

}