cocos2dx项目中使用cocostudio ui编辑器的导出文件

我的配置：xp系统，cocos2dx-2.2.0,cocostudio v1.0.0.0。

目的：点击按钮，球水平移动。

上面的截图是我的cocostudio编辑的一个简单ui界面。导出后的文件包括下图三个文件

1 在项目的资源目录下用文件夹 gmzFirst 保存这三个文件。

2 在cpp里面加入

#include"cocos-ext.h"
using namespace cocos2d::extension;

3 在 init函数里面加入

//test cocostudio ui edit
                                                                     
    UILayer* uiLayer = UILayer::create();
                                                                     
    this->addChild(uiLayer);
    uiLayer->setTag(22);
    uiLayer->addWidget(CCUIHELPER->createWidgetFromJsonFile("gmzFirst/gmzui111_1.ExportJson"));
                                                                     
    //UIButton* butn= (UIButton*)uiLayer->getChildByTag(2);
    UIButton* butn= (UIButton*)uiLayer->getWidgetByTag(2);
    butn->addTouchEventListener(this,SEL_TouchEvent(&HelloWorld::startTouch));

4 添加按钮的响应函数

void HelloWorld::startTouch(CCObject* obj,TouchEventType type)
{
    static int aa=0;
    switch (type)
    {
    case TOUCH_EVENT_BEGAN:
        {
        CCLOG("+++begin+++");
        UILayer* ui=(UILayer*)this->getChildByTag(22);
        UIImageView* ball=(UIImageView*)ui->getWidgetByTag(3);
                                                  
        ball->setPosition(ccp(200+aa++,300));
        }
            break;
    case TOUCH_EVENT_MOVED:
        break;
    case TOUCH_EVENT_ENDED:
        CCLOG("+++ended+++");
        break;
    case TOUCH_EVENT_CANCELED:
        break;
    }
                                              
    return ;
}

5 编译运行，可以测试了。