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

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...