cocos creator Button按钮组件怎么使用和按钮绑定事件

就拿一个图片来说  准备一张图片  拖进你的资源

接下来直接从下面一栏拖进你的节点

拖完点击节点在属性检查器中 

添加一个 UI组件  --->   Button组件

 

属性什么的看官方文档自己调

新创建一个js脚本文件   命名 clear_button

在 onload函数中写如下代码 

    onLoad: function () {
        var clickEventHandler = new cc.Component.EventHandler();
        //这个 node 节点是你的事件处理代码组件所属的节点
        clickEventHandler.target = this.node;
        clickEventHandler.component = "clear_button";//这个是代码文件名
        clickEventHandler.handler = "callback";  //回调函数
        clickEventHandler.customEventData = "Success!";

        var button = this.node.getComponent(cc.Button);
        button.clickEvents.push(clickEventHandler);
    },

    callback: function (event, customEventData) {  //回调函数
        // console.log('点击了按钮');
        console.log(customEventData);
        //这里 event 是一个 Touch Event 对象，你可以通过 event.target 取到事件的发送节点
        var node = event.target;
        var button = node.getComponent(cc.Button);
        //这里的 customEventData 参数就等于你之前设置的 "Success!" 
    },

这里的 customEventData就是 

的5

运行点击按钮

 

则会调用回调函数 打印值