cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入

一 创建并导出工程
     1).打开UI Editor,新建工程
     cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第1张图片
    
     2). 编辑
     cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第2张图片
     3.导出工程
     cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第3张图片
     cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第4张图片

二 导入到cocos2dx工程

        1 .需要依赖的工程
         cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第5张图片
        2. 添加引用
         cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第6张图片
            
cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第7张图片


        3. 添加附加包含目录
          cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第8张图片
          cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第9张图片
        注:#include "extensions/ExtensionMacros.h"报错
        是因为没有添加$(EngineRoot)

         4.添加代码
        头文件:
          #include "cocos-ext.h"
#include "ui/CocosGUI.h"
#include "editor-support/cocostudio/CocoStudio.h"
USING_NS_CC;
USING_NS_CC_EXT;
using namespace ui;
using namespace cocostudio;
.        代码:
  Widget *pWidget = dynamic_cast(cocostudio::GUIReader::getInstance()->widgetFromJsonFile("TestStadioUi/TestStadioUi.ExportJson"));
 this->addChild(pWidget);

         5.运行的效果
           cocos2dx3.1使用cocosStudio V1.5.0.0 UI编辑器,并导入_第10张图片

你可能感兴趣的:(cocos2d-x,coco2d-x,cocos2dx,c++11,widget,cocostudio)