cocos2d 由导出文件.csb反推出cocosUI工程

原创 2016年11月28日 14:55:36

最近遇到一个需求,只有cocos studio导出的UI资源(.csb)文件,但是需要修改UI工程,我就想有没有方案通过csb反推出一个UI工程。首先需要理解csb文件是如何解析的,新建一个简单的cocos工程,创建一个简单的UI工程,导出一个csb文件,然后打断点跟踪代码,发现csb文件的解析代码都在CSLoader.cpp中,重点的方法是nodeWithFlatBuffers。通过nodeWithFlatBuffers递归读取一个树状数据,最后返回根节点,就是UI工程中的Scene或Layer。nodeWithFlatBuffers内部会根据每个节点的信息创建一个reader用来读取节点的基本信息 

std::string readername = getGUIClassName(classname);
       
        readername.append("Reader");
rdName = readername;

NodeReaderProtocol* reader = dynamic_cast<NodeReaderProtocol*>(ObjectFactory::getInstance()->createObject(readername));
node = reader->createNodeWithFlatBuffers(options->data());

createNodeWithFlatBuffers返回创建的node节点,node可能是sprite、layout、ImageView、ListView等,readername不同返回的节点也不同,每个节点都对应一个reader,比如SpriteReader、ButtonReader等。后面是根据子节点的数据依次创建子节点

               auto children = nodetree->children();
    int size = children->size();
                 for (int i = 0; i < size; ++i)
                {
                         auto subNodeTree = children->Get(i);
                         Node* child = nodeWithFlatBuffers(subNodeTree);//递归调用

                         node->addChild(child);

                    }

我可以根据这些节点的基本信息重新生成一份xml文件,放回工程中就可以反推出工程了。

源码下载:链接:http://pan.baidu.com/s/1i4ERdYX 密码:exuu

版权声明:本文为博主原创文章,未经博主允许不得转载。

【cocos2d-x 2】关于CocosStudio编辑出的csb的简单使用

说明:cocos2d-x版本为 3.4,cocosStudio版本为2.1.5  cocosStudio 我个人目前的认识,以为就是一个界面编辑器。界面通过美工可以排布好,然后把发布的csb...
  • HongHuer
  • HongHuer
  • 2015年03月30日 17:24
  • 21790

在 Lua 里 使用 Cocos Studio 导出的 .csb 文件

1. 加载 节点到场景 第一种方法 local scene = cc.CSLoader:createNode("scene.csb")  self:addChild(scene) 第二种方法 loc...
  • ooomyself
  • ooomyself
  • 2015年11月18日 20:49
  • 2783

【独立开发者er Cocos2d-x实战 001】csb文件导出和加载

【独立开发者er Cocos2d-x实战 001】csb文件导出和加载 然后在cocos工程中进行加载csb文件:  auto myLayout = CSLoader::createNode...
  • chenqiai0
  • chenqiai0
  • 2015年06月25日 10:38
  • 21573

加载cocos studio 2.0导出的csb文件

Node* node = CSLoader::createNode("MainScene.csb"); this->addChild(node); #include "ui/CocosGUI....
  • bojie5744
  • bojie5744
  • 2014年12月06日 17:18
  • 2957

Cocos2d-x3.8.1加载csb文件

加入头文件:#include "cocostudio/CocoStudio.h" 添加命名空间:USING_NS_CC; using namespace cocostudio::timeline...
  • qq_33747722
  • qq_33747722
  • 2016年09月27日 17:27
  • 1053

让cocos2d-x 3.0读取cocostudio中的csb文件

现在cocostudio的功能越来越完善,还支持导出二进制的csb文件。可惜现在项目使用的还是3.0版本,不支持csb解析,总不至于为了一个解析功能将整个库升级吧,这也太小题大做了。 因为这个csb...
  • zidonghua082
  • zidonghua082
  • 2014年08月19日 14:04
  • 10474

cocos2dx 新版本骨骼动画.csb文件的简单使用

旧版本的cocostudio导出的动画是json格式的,包含资源图,plist文件,和一个json文件; 新版的骨骼动画统一了格式为csb,实现起来比较简单,只是调用方法与以前不同: 先打...
  • u012807517
  • u012807517
  • 2017年03月01日 14:37
  • 1399

Cocos Studio images文件与CSB的路径相对关系

Cocos Studio images文件与CSB的路径相对关系
  • wanyang1203
  • wanyang1203
  • 2015年08月30日 00:10
  • 1307

使用x-studio365导入csb并发布到CocosStudio2.x兼容工程

1.首先通过菜单【文件】【新建工程】新建一个空工程2.然后通过【文件】【导入】【CocosStudio已发布资源(*.csb)】 选择导入文件资源根目录,注意资源根目录的确定方法,首先用x-s...
  • xyzzf
  • xyzzf
  • 2017年03月12日 21:58
  • 2940

cocos2d-x 3.x 使用cocos studio导出的.csb资源

引言:最近用cocos2dx写了个小游戏,完全使用API画图形的,没有用到任何资源。但是通常都是美术画好UI给开发使用的,所以就自己摸索一下如何在代码里使用cocos studio导出的csb文件。笔...
  • xhyzdai
  • xhyzdai
  • 2015年05月03日 22:33
  • 1364
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:cocos2d 由导出文件.csb反推出cocosUI工程
举报原因:
原因补充:

(最多只允许输入30个字)