creator小功能----按钮Button的两种实现方式，及事件响应

按钮button是app中经常要用到的功能组件；

那个按钮在creator中有哪些实现方式呢？

第一. 直接编辑器创建按钮：创建节点----创建UI节点----Button按钮；

 // 直接在编辑器里面绑定
        button: {
            type: cc.Button, // 
            default: null,
        },




// 获取button组件
 this.start_button = this.node.getChildByName("ks_up").getComponent(cc.Button); 

第二. 代码实现：先是创建一个单色精灵；然后添加下面代码；

        // 添加button组件
        console.log("btn this.node:", this.node);
        var _node = this.node.getChildByName("btn_test");
        console.log("btn node:", _node);
        this.red_button = _node.addComponent(cc.Button);
        console.log("btn red_button:", this.red_button);

        // 添加一个响应函数
        var click_event = new cc.Component.EventHandler();
        click_event.target = this.node;// 这个 node 节点是你的事件处理代码组件所属的节点
        click_event.component = "button";   // 这个是代码文件名
        click_event.handler = "on_red_button_click";
        click_event.customEventData = "red_button_data_77777";
        // this.red_button.clickEvents = [click_event];
        this.red_button.clickEvents.push(click_event);