【cocos2d-x从c++到js】12：回调函数1—

2014-01-25 15:17:37

标签： cocos2d-x js jsb

原创作品，允许转载，转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。否则将追究法律责任。 http://www.jb51.cc/article/p-ficsibso-vm.html

回调函数是界面交互和接入各种第三方SDK的关键所在，因为回调函数的C++代码是不能自动生成的，一切的一切，都需要手写完成。

比较不错的是，Cocos2d-x引擎对于回调函数提供了完整的包装机制。我们所需要做的就是了解这个机制，并使用他。学习引擎自己的代码例子，可以比较快速准确的上手这一机制。

首先，我们在Cocos2d-x 3.0 beta版中，使用他自带的工程创建工具，新建一个跨平台的JS项目。按照惯例，这是一个helloworld项目。在XCode运行时，我们可以看到：

可以看到右下角的回调按钮。我们来看看他是怎么实现的。分成两个过程来做：

一、绑定回调函数过程

首先，我们要去找回调函数JS的绑定代码，在myApp.js中，init函数里面，可以看到如下代码：

 
         // add a "close" icon to exit the progress. it's an autorelease object 
        
         var 
         closeItem = cc.MenuItemImage.create( 
        
         "res/CloseNormal.png" 
         , 
        
         "res/CloseSelected.png" 
          
         function 
         () { 
        
         cc.log( 
         "close button was clicked." 
         ); 
        
         }, 
         this 
         ); 
        
         closeItem.setAnchorPoint(cc.p(0.5,0.5)); 
        
         menu = cc.Menu.create(closeItem); 
        
         menu.setPosition(cc.p(0,0)); 
        
         .addChild(menu,1); 
        
         closeItem.setPosition(cc.p(size.width - 20,20));

cc.MenuItemImage.create函数的第三个参数，绑定了匿名回调函数。第四个参数，传入的是回调函数调用时的this（如果不理解JS的this机制，请先阅读一些JS的资料）。这些都是意图和作用很明显的JS代码，不用细说。

然后，我们去看底层对应执行的C++代码。在cocos2d_specifics.cpp文件中，找到js_cocos2dx_CCMenuItemImage_create函数。

         12 
       
         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 
       
         // "create" in JS 
        
         // cc.MenuItemImage.create( normalImage,selectedImage,[disabledImage],callback_fn,[this] 
        
         JSBool js_cocos2dx_CCMenuItemImage_create(JSContext *cx,uint32_t argc,jsval *vp) 
        
         { 
        
         if 
         (argc >= 2 && argc <= 5) { 
        
         jsval *argv = JS_ARGV(cx,vp); 
        
         JSStringWrapper arg0(argv[0]); 
        
         JSStringWrapper arg1(argv[1]); 
        
         JSStringWrapper arg2; 
        
         @H_502_302@bool 
         thirdArgIsString = 
         true 
         ; 
        
         jsval jsCallback = JSVAL_VOID; 
        
         jsval jsThis = JSVAL_VOID; 
        
         int 
         last = 2; 
        
         (argc >= 3) { 
        
         thirdArgIsString = argv[2].isString(); 
        
         (thirdArgIsString) { 
        
         arg2.set(argv[2],cx); 
        
         last = 3; 
        
         } 
        
         } 
        
         cocos2d::MenuItemImage* ret = cocos2d::MenuItemImage::create(arg0.get(),arg1.get(),std::string(arg2.get())); 
        
         (argc >= 3) { 
        
         (!thirdArgIsString) { 
        
         //cc.MenuItemImage.create( normalImage,[this] ) 
        
         jsCallback = argv[last++]; 
        
         (argc == 4) { 
        
         jsThis = argv[last]; 
        
         } 
        
         } 
        
         else 
         { 
        
         (argc >= 4) { 
        
        @H_690_404@ 
         jsCallback = argv[last++]; 
        
         (argc == 5) { 
        
         jsThis = argv[last]; 
        
         } 
        
         } 
        
         } 
        
         } 
        
         JSObject *obj = bind_menu_item<cocos2d::MenuItemImage>(cx,ret,jsCallback,jsThis); 
        
         JS_SET_RVAL(cx,vp,OBJECT_TO_JSVAL(obj)); 
        
         return 
         JS_TRUE; 
        
         } 
        
         JS_ReportError(cx, 
         "Invalid number of arguments. Expecting: 2 <= args <= 5" 
         ); 
        
         JS_FALSE; 
        
         }

【cocos2d-x从c++到js】12：回调函数1——按键回调

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