CocoStudio使用筆記1：cocos2dx3.4加載CocoStudio導出的csb文件

    一直以來都是用手寫代碼來做cocos2dx的游戲界面?？磁笥岩粋€星期一個游戲的速度，很讓我眼紅。他們公司使用的是CocosBuilder做界面。對于CocosBuilder 在他的推薦下我也研究了一個星期，網上的教程太亂，而且坑太多，每個教程的操作還不一樣，按照教程來還是搞不定，對此我決定要一點點的來填坑。而本篇筆記是記錄下cocostudioV2.3.2版本生成的csb文件在cocos2dx3.4中的運用。對于cocosbuilder的筆記過幾天在整理，爬坑爬的心累。

Cocostudio已經整合在cocos引擎中了，在官網下載cocos引擎即可。

根據自己的平臺進行選擇，mac版本本人沒用過。

安裝好后點擊cocos引擎圖標啟動引擎。啟動后，我們選擇右上角的【新建項目】，打開新建項目界面。在這里可以選擇空項目，或者查看系統自帶的例子。

這里我選擇了自帶的 【菜單示例】 并點擊右下角的【下一步】。

設置項目名稱和項目保存路徑后，點擊完成即可成功啟動cocostudio。

關于cocostudio的用法，教程很多，這里不做解釋。等用到哪些了我再做筆記。

本文主要就是介紹在cocos2dx3.4中使用cocostudio導出的csb文件。這里我直接用了系統的例子。

1、選擇菜單欄上的【項目】菜單下的【發布與打包】子菜單。

2、在發布與打包界面，選擇發布資源即可，如圖默認。

3、發布成功后，會有文字提示，如圖所示。

到此為止，我們使用cocostudio做的界面就成功導出了。Ps：此處我們投機取巧了。

下面我們使用cocos2dx來加載我們導出的csb文件。

1、首先創建cocos2dx項目。

具體參考：

Cocos2dx學習筆記1：創建游戲項目解決方案

http://www.byjth.com/biji/10.html

2、找到我們生成的csb文件以及所用到的素材，csb文件在我們cocostudio項目路徑下的res文件夾里。

3、復制到cocos2dx項目的Resources目錄下。注意素材的復制，要不然無法顯示。

4、在cocos2dx代碼里加載csb文件。

打開HelloWorldScene.cpp文件，然后加入調用cocostudio的頭文件和命名空間。

#include "cocostudio/CocoStudio.h"

#include "ui/CocosGUI.h"

using namespace cocostudio::timeline;

5、然后在init()方法里加入加載csb文件的代碼。

auto rootNode = CSLoader::createNode("MainScene.csb");

this->addChild(rootNode);

6、啟動調試器，查看運行效果。

這里我的項目設置的模擬器分辨率是320*480的所以加載顯示有問題。以后有時間我們在討論分辨率適配的問題。2016年1月6日.

CocoStudio使用筆記1：cocos2dx3.4加載CocoStudio導出的csb文件

http://www.byjth.com/tools/41.html