1、概述

CocoStudio的使用无疑是cocos2d-x 3.0的重要组成部分，接下来我们用它来创建一组UI，并将其读入到程序中显示出来。先上效果图：

2、导出

在导出之前，最好先创建一个新的工程。运行我们的脚本文件，给新工程起名为：HelloStudio。编译运行，保证它没问题。

回到CocoStudio中，点选 文件 –> 导出项目 。在导出资源的位置，选择“导出使用大图”。同时将目录改为我们项目文件的Resource目录。

4、加载到程序中

bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !Layer::init() )
    {
        return false;
    }  

    /////////////////////////////////
    UILayer* uiLayer = UILayer::create();
    auto myLayout = dynamic_cast<Layout*>(CCUIHELPER->createWidgetFromJsonFile("testUI.ExportJson")); //alpha0中使用
    auto myLayout = cocostudio::GUIReader::shareReader()->widgetFromJsonFile("testUI.ExportJson")); //alpha1中使用
    uiLayer->addWidget(myLayout);
    this->addChild(uiLayer);  

    return true;
}