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

发布时间:2020-07-04 17:27:15 作者:ggin2011
来源:网络 阅读:1649

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

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

目的:点击按钮,球水平移动。


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

cocos2dx项目中使用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 编译运行,可以测试了。


推荐阅读:
  1. cocos2d-x学习笔记21:UI编辑器选型,CocoStudio和CocosBuilder的对比
  2. CocoStudio Test 详尽解析

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

编辑器 cocos2dx cocostudio

上一篇:Nginx启动脚本

下一篇:vue权限路由实现方式总结

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》