【cocos2dx开发技巧10】cocosStudio的集成以及c++11的新特性

转发。请保持地址：http://blog.csdn.net/stalendp/article/details/38880997

非常长时间没有碰cocos2dx了，近期又用起来了。花了好几个小时又一次熟悉了一下，发现非常多新的特性值得用来写文章。好吧，先从最经常使用的開始。

近期用windows，使用cocosStudio。就从这个開始吧。顺带介绍一下project的创建。以及c++11的特性。

曾经开发使用cocosBuilder开发界面（相关集成见这篇文章）。

准备工作

1）准备NDK、andrdoid-SDK，VisualStudio等工具。并环境变量设置NDK_ROOT，ANDROID_SDK_ROOT，Path等

2）安装Python 2.7.x （不是3.x.x）；

3）下载cocos2d-x-3.2压缩包

创建游戏项目

打开命令行工具，切换到cocos2d-x-3.2文件夹下。运行命令：

1)  setup.py， 用来环境变量设置

2）cocos new circleTheLine -p com.evilgame.circleTheLine -l cpp -d x:\your\project\path , 用来创建项目

在2）命令运行完后， x:\your\project\path文件夹下。会出现例如以下内容；点击proj.win32下的visualStudio工程，就能够打开项目。

使用CocosStudio创建界面

我这里仅仅是做一个页面，所以仅仅选择UI Editor来制作。

制作的界面例如以下：

然后把该项目导出，得到NewUi_1.json。test.png, test.plist文件。把这三个文件复制到游戏根文件夹下的Resources文件夹下。

集成cocos2dx

如今的目标是。当用户点击“測试button”后，改变界面上的文字。

1）增加对应的libproject。

由于cocosStudio的使用，须要依赖于libCocosStudio, libGUI, libExtensions三个库。详细路径例如以下（D:\Program Files\cocos2d-x-3.2\为根文件夹）

须要改动visualStudio，对它们进行引用。详细例如以下：

1a) 把上面的三个project增加“解决方式”中。

右击项目。在弹出的菜单中选择 加入/现有项，例如以下：

1b) 加入引用依赖：（解决链接的问题）

右击项目，在弹出的菜单中选择 属性，在弹出的对话框中做例如以下操作：

1c）加入头文件：（解决编译的问题）

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

USING_NS_CC;
using namespace cocostudio;
using namespace ui;

using namespace cocos2d::ui;

假设上面路径无法找到，请依照以下的方法，查看是否包括了对应的路径。

右击项目，在弹出的菜单中选择 属性，在弹出的对话框中做例如以下操作：

2）显示该界面：

        node = GUIReader::shareReader()->widgetFromJsonFile("NewUi_1.json");
        // 这里的node是类变量
	if (node == nullptr)
	{
		return true;
	}
	this->addChild(node);

// 当然读取场景文件，能够用下面的语句
// CCNode *pNode = SceneReader::sharedSceneReader()->createNodeWithSceneFile("SceneEditorTest/SceneEditorTest.json"); 

3）绑定button事件：

	Button* button = static_cast<Button*>(node->getChildByName("btnTest"));
	button->addTouchEventListener([&](Ref* sender, Widget::TouchEventType type) {
		if (type == Widget::TouchEventType::ENDED) {
			// 注意node的生命周期的问题
			TextBMFont* nn = static_cast<TextBMFont*>(node->getChildByName("displayMsg")); 
			nn->setString("msg changed!!");
		}
	});

C++11特性--lambda表达式

auto closeItem = MenuItemImage::create(  
                                        "CloseNormal.png",  
                                        "CloseSelected.png",  
                                        CC_CALLBACK_1(HelloWorld::menuCloseCallback,this));  
                                          
void HelloWorld::menuCloseCallback(Object* sender)  
{  
    Director::getInstance()->end();  
}  

auto callEnd = [](Object* sender)  
{  
    Director::getInstance()->end();//直接在这里加入button要调用的代码   
};    
auto closeItem = MenuItemImage::create(  
                                        "CloseNormal.png",  
                                        "CloseSelected.png",  
                    allEnd);     

auto closeItem = MenuItemImage::create(  
                                        "CloseNormal.png",  
                                        "CloseSelected.png",  
                                        [](Object* sender)  
                    {  
                        Director::getInstance()->end();//直接在这里加入button要调用的代码  
                    });