cocos js 踩坑旅程 之ccui.Button 那点事

概述之前工作的时候一直使用的是lua脚本语言，最近刚刚接触cocos-JS发现要踩的坑还有很多，再次将我踩过的一些坑写出来。转入正题 在cocosjs中创建一个button（按钮）大体可以分为3种方法。 1.创建一个Menu。 2.使用cocostudio编辑器编辑ui界面导入到工程中通过getChildByTag(),getChildByName()获取这个button。 3.直接 new ccui

之前工作的时候一直使用的是lua脚本语言，最近刚刚接触cocos-Js发现要踩的坑还有很多，再次将我踩过的一些坑写出来。转入正题

在cocosJs中创建一个button（按钮）大体可以分为3种方法。

1.创建一个Menu。

2.使用cocostudio编辑器编辑ui界面导入到工程中通过getChildByTag(),getChildByname()获取这个button。

3.直接 new ccui.button();

但是 会出现报错 ccui is not defined，原因就是没有引入“extensions”模块，所以需要在project.Json中的 modules中添加 extensions,ex:modules:["cocos2d-x","extensions"];

修改之后就可以正常使用ccui

var btn_close= new ccui.button(res.Btn_close_normal,res.Btn_close_selected);        //btn_close.loadTextureDisabled(res.HelloWorld_png);        //设置导入资源true        //btn_close.loadTexturenormal(res.HelloWorld_png);        //btn_close.settouchEnabled(false);设置按钮能否点击        //btn_close.setScale9Enabled(true);//设置按钮能否进行scale9缩放，需要设置按钮的尺寸        btn_close.setposition(size.wIDth/2,size.height/2);        btn_close.setpressedActionEnabled(false);//设置是否伴随点击缩放按钮图片        btn_close.setTitleText("Title button");//在按钮上方添加一个label.        //btn_close.setContentSize(cc.size(150,48));        //btn_close.addtouchEventListener（this.touchEvent,this）<p ></p>        btn_close.addClickEventListener            cc.MenuItem        (function (sender,type) {            cc.log("哈哈哈111");            if(type==ccui.Widget.touch_BEGAN) {                cc.log("哈哈哈");            }            },this);        this.addChild(btn_close);

通过ccuix.button 创建的btn，存在两种触发点击事件的方法

addClickEventListener(只在按钮点击触发一次),addtouchEventListener（按钮点击 抬起 移动 取消状态触发事件）

<pre name="code" >touchEvent: function (sender,type) {        switch (type) {            case ccui.Widget.touch_BEGAN:                cc.log("touch Down");                break;            case ccui.Widget.touch_MOVED:                cc.log("touch Move");                break;            case ccui.Widget.touch_ENDED:                cc.log("touch Up");                break;            case ccui.Widget.touch_CANCELED:               cc.log("touch Cancelled");                break;            default:                break;        }    }

总结

以上是内存溢出为你收集整理的cocos js 踩坑旅程 之ccui.Button 那点事全部内容，希望文章能够帮你解决cocos js 踩坑旅程 之ccui.Button 那点事所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。