了解Cocos2d-x整个引擎框架——helloworld

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了了解Cocos2d-x整个引擎框架——helloworld，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

目的

———了解生命周期

初始化 -》启动完成（启动导演单例 -》 显示视图-》显示场景）

-》从前台进入后台

-》从后台进去前台


———了解开发 编译 运行 调试

1 执行顺序？

（显示视图《-显示层《-显示菜单）


2 如何在界面显示控件？

创建精灵-》设置位置-》添加到父节点（addChild）


3 设置的控件在界面上显示不全？

1> getContentSize.width() or getContentSize.height() ，显示的坐标根据内容高宽做调整。

2> setAnchorPoint() 设置锚点（即，修改控件的中心点），显示的坐标根据内容高宽做调整。


6addChild后，如何调整显示顺序？谁在谁的上层显示？

void Node::addChild(Node *child, int zOrder)//  zOrder小的显示在底层，zOrder大的显示在顶层。  顶层会覆盖显示底层的控件。

5 调试

1> 在visual studio中

vsIDE自带， 断点 + 单步调试 + 变量值查看

2> 通用，使用CCLog 打印日志


_________________________扩展阅读_________________________

CC_CALLBACK原理及应用

c++ 11基础 :

std::function

类模版std::function是一种通用、多态的函数封装。std::function的实例可以对任何可以调用的目标进行存储、复制、和调用操作，这些目标包括函数、lambda表达式、绑定表达式、以及其它函数对象等。

用法示例：

①保存自由函数

?
@H_403_228@

运行输出： 2

②保存lambda表达式

2
@H_403_228@

运行输出：hello world

③保存成员函数

8
9
10
@H_403_228@

运行输出： 3

bind bind是一组用于函数绑定的模板。在对某个函数进行绑定时，可以指定部分参数或全部参数，也可以不指定任何参数，还可以调整各个参数间的顺序。对于未指定的参 数，可以使用占位符_1、_2、_3来表示。_1表示绑定后的函数的第1个参数，_2表示绑定后的函数的第2个参数，其他依次类推。

下面通过程序例子了解一下用法：

?
1
2
3
4
5
6
7
8
void printA( int a)
{
cout<<a<<endl;
}
std::function< ( a)>func;
func=printA;
func(2);
()>func_1=[](){cout<< "helloworld" <<endl;};
func_1();
struct Foo{
Foo( num):num_(num){}
print_add( i) const {cout<<num_+i<< '\n' ;}
num_;
};
//保存成员函数
( Foo&, )>f_add_display=&Foo::print_add;
Foofoo(2);
f_add_display(foo,1);
10
11
12
@H_458_404@ 13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
@H_403_228@

CC_CALLBACK

一、通过 HelloWorldScene 中的 closeItem 开始

在cocos2d-x 2.x 版本中：

5
@H_403_228@

在cocos2d-x 3.0 版本中：

?
#include<iostream>
using namespace std;
class A
{
public :
fun_3( k,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">m)
{
cout<<k<< "" <<m<<endl;
}
};
fun( x,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">y,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">z)
{
cout<<x<< <<y<< <<z<<endl;
}
fun_2( &a,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">&b)
{
a++;
b++;
cout<<a<< <<b<<endl;
}
main( argc, const char *argv[])
{
auto f1=bind(fun,1,2,3); //表示绑定函数fun的第一，二，三个参数值为：123
f1(); //print:123
f2=bind(fun,placeholders::_1,placeholders::_2,3);
//表示绑定函数fun的第三个参数为3，而fun的第一，二个参数分别有调用f2的第一，二个参数指定
f2(1,2); //print:123
f3=bind(fun,3);
//表示绑定函数fun的第三个参数为3，而fun的第一，二个参数分别有调用f3的第二，一个参数指定
//注意：f2和f3的区别。
f3(1,0)!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">//print:213
n=2;
m=3;
f4=bind(fun_2,n,placeholders::_1);
f4(m); //print:34
cout<<m<<endl; //print:4说明：bind对于不事先绑定的参数，通过std::placeholders传递的参数是通过引用传递的
cout<<n<<endl; //print:2说明：bind对于预先绑定的函数参数是通过值传递的
Aa;
f5=bind(&A::fun_3,a,placeholders::_2);
f5(10,20); //print:1020
,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">)>fc=std::bind(&A::fun_3,std::placeholders::_1,std::placeholders::_2);
fc(10,0)!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">//print:1020
return 0;
}
CCMenuItemImage*pCloseItem=CCMenuItemImage::create(
"CloseNormal.png" "CloseSelected.png" this menu_selector(HelloWorld::menuCloseCallback));
4 @H_403_228@


HelloWorld::menuCloseCallback(Object*pSender)
Director::getInstance()->end();
#if(CC_TARGET_PLATFORM==CC_PLATFORM_IOS)
exit (0);
#endif
}
@H_403_228@

注意到在3.0版本中使用到 CC_CALLBACK_1 这样一个宏定义。

?
closeItem=MenuItemImage::create(
CC_CALLBACK_1(HelloWorld::menuCloseCallback,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">));
5 @H_403_228@

这里主要注意两点：一是std::bind，二是##_VA_ARGS_; ##_VA_ARGS_是可变参数宏

原来还有 CC_CALLBACK_0 1 2 3;而其中又有什么区别呢？

1、首先我们看看3.0版本中MenuItemImage的create方法：

?
//newcallbacksbasedonC++11
#defineCC_CALLBACK_0(__selector__,__target__,...)std::bind(&__selector__,##__VA_ARGS__)
#defineCC_CALLBACK_1(__selector__,##__VA_ARGS__)
#defineCC_CALCC_CALLBACK_1(HelloWorld::menuCloseCallback,this)LBACK_2(__selector__,std::placeholders::_2,##__VA_ARGS__)
#defineCC_CALLBACK_3(__selector__,std::placeholders::_3##__VA_ARGS__)
1 @H_403_228@

其中的回调参数是 ccMenuCallback

1
@H_403_228@

来这里使用到了 C++ 中的 function 语法。

注意到 在CC_CALLBACK_ 的宏定义的中使用到的是 C++ 的 bind 语法，怎么不一致了呢？-- 见下面第四点 function


2、看回CC_CALLBACK_ 的宏定义

原来CC_CALLBACK_ 的宏定义中后面的 0 1 2 3分别表示的是 不事先指定回调函数参数的个数。

例如说CC_CALLBACK_ 1 表示的是，回调函数中不事先指定参数是一个，而事先指定的回调函数的参数 可以任意多个。

而且要注意到其中 不指定回调函数参数 和 指定回调函数参数 的顺序，注意不事先指定的在前，事先指定的在后。

下面通过例子说明这一点：

假设回调函数：

//aselectorcallback
menuCloseCallback(Object*pSender,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">a,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">b);
@H_403_228@
9
@H_403_228@

注意到在回调函数中输出 a b

?
MenuItemImage*MenuItemImage::create( std::string&normalImage,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">std::string&selectedImage,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">ccMenuCallback&callback)
typedef (Object*)>ccMenuCallback
HelloWorld::menuCloseCallback(Object*pSender,monospace!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-size:1em!important; min-height:inherit!important; background:none!important">b)
std::cout<<a<< <<b<<std::endl;
Director::getInstance()->end();
#if(CC_TARGET_PLATFORM==CC_PLATFORM_IOS)
(0);
#endif
}
4
403_228@


注意中其中 指定了两个参数 1 2

运行，在 点击closeItem 的时候，就会输出这两个事先指定的参数 1 2。

那么，不事先指定的参数是在什么时候传入的呢？

?
17 @H_403_228@

注意到其中的 _callback(this); 对了，这个时候就传入了 这个不事先指定的回调函数参数。

这样，closeItem 的回调函数的void HelloWorld::menuCloseCallback(Object* pSender,int a,int b) 的三个参数都知道了。

第一个 不事先指定，在menu item调用 activate 的时候，_callback(this) 传入，this 也即是这个 menu item；第二、三个参数是事先指定的 1,2。


已经知道CC_CALLBACK_ 的宏定义是 std::bind 那么我们可以直接使用std::bind。

如下：

?
MenuItem::activate()
if (_enabled)
{
(_callback)
{
_callback( );
}
(kScriptTypeNone!=_scriptType)
{
BasicScriptDatadata( );
ScriptEventscriptEvent(kMenuClickedEvent,&data);
ScriptEngineManager::getInstance()->getScriptEngine()->sendEvent(&scriptEvent);
}
}
}
4 @H_403_228@

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签
std::bind(&HelloWorld::menuCloseCallback,2));