cocos2d-X JS 获取cocostudio中的UI组件

 

1、先加载cocostudio导出的json文件，代码如下所示：

var dong = ccs.load("res/Login.json");
//_login.setPosition(size.width/2,size.height/2);
//_login.setTag(10000);
this.addChild(dong.node);

2、通过名字来获取组件，代码如下所示：

var _login = ccui.helper.seekWidgetByName(dong.node,"Button_1_2_6_10");

     通过Tag来获取组件，代码如下所示：

var _login = ccui.helper.seekWidgetByTag(dong.node,93);

3、添加事件监听

//_login.addTouchEventListener(this.btnCallback,this);

_login.addTouchEventListener(this.btnCallback,this);

4、事件回调方法：

btnCallback : function(render,type){
    if(type == ccui.Widget.TOUCH_ENDED){
        cc.log("输出  Click Button");
    }

}

5、这就是加载cocostudio的json文件，然后获取里面的组件按钮的方法。