cocos2d-x & CocoStudio UI使用

Cocos2d-x与CocosStudio集成教程

最新推荐文章于 2019-04-08 18:54:12 发布

原创最新推荐文章于 2019-04-08 18:54:12 发布 · 4.5k 阅读

0 ·

CC 4.0 BY-SA版权

cocos2d-x 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何在Cocos2d-x项目中集成CocosStudio UI编辑器，通过引用namespacegui和cocostudio，利用AirPlane.ExportJson文件在Layer::init()方法中加载并展示UI布局，提供了从引用到实际应用的完整步骤。

1.添加头文件和引用

#include "CocosGUI.h"
#include "cocostudio/CocoStudio.h"

using namespace gui;
using namespace cocostudio;

备注: 需要引用namespace gui 和 cocostudio
namespace gui 包含的所有UI元素为cocostudio界面上拖动的所有元素所在的命名空间中；
cocos2d-x 需要引入cocostudio UI编辑导出后的json, 需要引入namespace cocostudio；

2.在Layer::init()方法中，添加cocostudio 导出的AirPlane.ExportJson json文件，
代码如下:

UILayer* uiLayer = UILayer::create();
    
auto myLayout = cocostudio::GUIReader::shareReader()->widgetFromJsonFile("AirPlane/AirPlane.ExportJson"); //alpha1中使用 
    
uiLayer->addWidget(myLayout);      
this->addChild(uiLayer);

参考：
http://blog.youkuaiyun.com/fansongy/article/details/16950241
http://blog.youkuaiyun.com/fansongy/article/details/12757411