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;
    }
}

编辑器绑定监听事件:

CocosCreator之Button按钮

其他常用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经典笔记_神兽白泽-CSDN博客

笔者qq、微信:1302109196

qq群:415468592

>>>>>

上一篇:弹出层效果


下一篇:微信小程序form表单中button按钮、input框样式修改