【cocos2d-js系列问题】cocos2d-js 获取cocostudio中的UI组件

最新推荐文章于 2022-02-09 21:34:11 发布

放梦追逐--

最新推荐文章于 2022-02-09 21:34:11 发布

阅读量1.6k

点赞数

分类专栏： Cocos2d-js游戏开发文章标签： json JS Cocos2d-js Ui UI组件

本文链接：https://blog.csdn.net/u013007305/article/details/49685157

版权

19 篇文章 1 订阅

订阅专栏

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

关注