cocos2d-js 获取cocostudio中的UI组件

前端之家收集整理的这篇文章主要介绍了cocos2d-js 获取cocostudio中的UI组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

cocos2d-js 3.8.1

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文件,然后获取里面的组件按钮的方法

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