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

标签：cocos2dx   c++11   c++   cocostudio   cocos2d-x   

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

很长时间没有碰cocos2dx了，最近又用起来了，花了好几个小时重新熟悉了一下，发现很多新的特性值得用来写文章。好吧，先从最常用的开始。最近用windows，使用cocosStudio，就从这个开始吧，顺带介绍一下工程的创建，以及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

现在的目标是，当用户点击“测试按钮”后，改变界面上的文字。

1）加入相应的lib工程。

因为cocosStudio的使用，需要依赖于libCocosStudio, libGUI, libExtensions三个库，具体路径如下（D:\Program Files\cocos2d-x-3.2\为根目录）

需要修改visualStudio，对它们进行引用，具体如下：

1a) 把上面的三个工程加入“解决方案”中。

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

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);

3）绑定按钮事件：

	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();//直接在这里添加按钮要调用的代码   
};    
auto closeItem = MenuItemImage::create(  
                                        "CloseNormal.png",  
                                        "CloseSelected.png",  
                    allEnd);     

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

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

标签：cocos2dx   c++11   c++   cocostudio   cocos2d-x   

原文地址：http://blog.csdn.net/stalendp/article/details/38880997