【cocos2d-js教程】cocos2d-js中使用cocosbuilder绑定变量和Selector

本文由qinning199原创，转载请注明：http://www.cocos2dx.net/post/206

最近研究网页版游戏开发，因为之前用的就是cocos2d-x 2.2.1框架，所以就选用了cocos2d-js v3.0final，之前cocos2d-x也是使用了cocosbuilder用作界面开发，所以这次做网页版也是打算使用cocosbuilder做界面和一些简单动画。

研究了一下cocos2d-js中得tests工程，发现关于cocosbuilder绑定的东西非常少，只有如下代码：

cc.BuilderReader.registerController("TestButtonsLayer", {
    "onCCControlButtonClicked" : function(sender,controlEvent) {
        var str = (function(){
            switch(controlEvent) {
                case cc.CONTROL_EVENT_TOUCH_DOWN: return "Touch Down.";
                case cc.CONTROL_EVENT_TOUCH_DRAG_INSIDE: return "Touch Drag Inside.";
                case cc.CONTROL_EVENT_TOUCH_DRAG_OUTSIDE: return "Touch Drag Outside.";
                case cc.CONTROL_EVENT_TOUCH_DRAG_ENTER: return "Touch Drag Enter.";
                case cc.CONTROL_EVENT_TOUCH_DRAG_EXIT: return "Touch Drag Exit.";
                case cc.CONTROL_EVENT_TOUCH_UP_INSIDE: return "Touch Up Inside.";
                case cc.CONTROL_EVENT_TOUCH_UP_OUTSIDE: return "Touch Up Outside.";
                case cc.CONTROL_EVENT_TOUCH_CANCEL: return "Touch Cancel.";
                case cc.CONTROL_EVENT_VALUECHANGED: return "Value Changed.";
            }
            return "";
        })();
        this["mCCControlEventLabel"].setString(str);
    }
});

这种用法是在cocosbuilder中把按照上左图所示，选中Javascript Controlled选项，然后如下图将JS Controller设成TestB