CocosCreator之Button按钮

按钮添加监听：

当按钮销毁时，这些监听也会自动销毁。

// 必须要挂载Button组件。node_btn是携带button的按钮。comp_btn是按钮组件。
node_btn.on(cc.Node.EventType.TOUCH_START, this._OnBtnRightClicked, this);//按下
node_btn.on(cc.Node.EventType.TOUCH_MOVE, this._OnBtnRightClicked, this);//移动
node_btn.on(cc.Node.EventType.TOUCH_CANCEL, this._OnBtnRightClicked, this);//关闭
node_btn.on(cc.Node.EventType.TOUCH_END, this._OnBtnRightClicked, this);//抬起
comp_btn.node.on('click', this._OnBtnRightClicked, this);//抬起
_OnBtnRightClicked(event, param) {
    let target = event.target;//必须要给组件挂载target节点
    switch (target.name) {
        case 'btn_chat':// 按钮的名字
            break;
    }
}

编辑器绑定监听事件：

其他常用API：

//Button(按钮组件)
var btn_name = this.node.getComponent(cc.Button);//获取按钮组件
btn_name.interactable = false;//禁止按钮被响应(脚本注册的不受此影响)
btn_name.enableAutoGrayEffect = true;//禁止按钮后，是否需要按钮变灰(false则不变灰)

 安卓机返回键：

cc.systemEvent.on(cc.SystemEvent.EventType.KEY_UP, this._OnKeyUp, this);
    _OnKeyUp(event) {
        let key_code = event.keyCode;
        switch (key_code) {
            case cc.macro.KEY.back:
                this._KeyBackHandler();
                break;

            case cc.macro.KEY.z:
                // 模拟返回键
                this._KeyBackHandler();
                break;
        }
    },

多边形按钮点击：

CocosCreator之多边形Button的点击事件_神兽白泽-CSDN博客

点击穿透+烟花效果：

CocosCreator之点击穿透+烟花效果_神兽白泽-CSDN博客

整理不易，关注收藏不迷路。

目录：CocosCreator经典笔记_神兽白泽-CSDN博客

笔者qq、微信：1302109196

qq群：415468592

>>>>>