cocos creator让所有button点击时播放音效

原理：

利用prototype属性，通过重写 cc.Button.prototype._onTouchEnded 方法，以便在按钮被点击时播放音频。通过重写其 _onTouchEnded 方法，可以添加自定义行为，如播放音频。

概念解释：

prototype：每个 JavaScript 函数都有一个 prototype 属性，这个属性是一个对象。这个对象包含了所有实例对象共享的属性和方法。JavaScript 对象通过原型链实现继承。当你访问一个对象的属性或方法时，JavaScript 引擎会首先在对象自身上查找。如果找不到，它会沿着原型链(prototype)向上查找，直到找到该属性或方法，或者到达原型链的顶端（即 null）。

onTouchEnded:onTouchEnded 是 cc.Button 类的一个私有方法，它处理按钮的触摸结束事件。

以下是详细的实现步骤和代码示例：

实现步骤

1. 保存原始方法：保存 cc.Button.prototype._onTouchEnded 方法，以便在重写方法中调用原始行为。而不影响默认的方法。
2. 重写方法：重写 cc.Button.prototype._onTouchEnded 方法，在新方法中添加播放音频的功能，然后调用原始方法。

实现代码

// 假设 AudioManager 是一个管理音频播放的单例类
class AudioManager {
    public static playButtonClickAudio() {
        // 播放按钮点击音效的逻辑
        console.log("Button click audio played");
    }
}

class CustomButton {
    public static hackCCButtonToPlayAudio() {
        // 保存原始的 _onTouchEnded 方法
        const originalOnTouchEnded = cc.Button.prototype._onTouchEnded;

        // 重写 _onTouchEnded 方法
        cc.Button.prototype._onTouchEnded = function (event) {
            // 播放按钮点击音效
            AudioManager.playButtonClickAudio();

            // 调用原始的 _onTouchEnded 方法
            originalOnTouchEnded.call(this, event);
        };
    }
}

// 在游戏初始化时调用这个方法
CustomButton.hackCCButtonToPlayAudio();

扩展功能 

有时我们并不希望所有按钮都播放同一个音效，对于有些按钮我们需要播放定制的音效，或者说我们需要根据不同的按钮标签来播放不同的音效。

这时可以在需要的按钮上添加一个自定义属性，用于指定要播放的音效文件。然后，在重写 _onTouchEnded 方法时，根据这个属性来播放对应的音效。

在 Cocos Creator 编辑器中，选中需要自定义音效的按钮节点，添加一个名为 customAudio 的属性，并设置其值为对应的音效文件名。

// 假设 AudioManager 是一个管理音频播放的单例类
class AudioManager {
    public static playAudio(audioName: string) {
        // 播放指定音效的逻辑
        console.log(`Playing audio: ${audioName}`);
        // 实际播放音效的代码，根据你的音频管理实现
    }

    public static playButtonClickAudio() {
        // 播放默认按钮点击音效的逻辑
        this.playAudio("default_button_click");
    }
}

class CustomButton {
    public static hackCCButtonToPlayAudio() {
        // 保存原始的 _onTouchEnded 方法
        const originalOnTouchEnded = cc.Button.prototype._onTouchEnded;

        // 重写 _onTouchEnded 方法
        cc.Button.prototype._onTouchEnded = function (event) {
            // 获取 customAudio 属性
            const customAudio = this.node.getComponent(cc.Button).customAudio;

            if (customAudio) {
                // 播放自定义音效
                AudioManager.playAudio(customAudio);
            } else {
                // 播放默认按钮点击音效
                AudioManager.playButtonClickAudio();
            }

            // 调用原始的 _onTouchEnded 方法
            originalOnTouchEnded.call(this, event);
        };
    }
}

// 在游戏初始化时调用这个方法
CustomButton.hackCCButtonToPlayAudio();

 根据按钮的不同标签来播放不同的音效，可以通过获取按钮的 label 属性来实现。

// 假设 AudioManager 是一个管理音频播放的单例类
class AudioManager {
    public static playAudio(audioName: string) {
        // 播放指定音效的逻辑
        console.log(`Playing audio: ${audioName}`);
        // 实际播放音效的代码，根据你的音频管理实现
    }

    public static playButtonClickAudio() {
        // 播放默认按钮点击音效的逻辑
        this.playAudio("default_button_click");
    }
}

class CustomButton {
    public static hackCCButtonToPlayAudio() {
        // 保存原始的 _onTouchEnded 方法
        const originalOnTouchEnded = cc.Button.prototype._onTouchEnded;

        // 重写 _onTouchEnded 方法
        cc.Button.prototype._onTouchEnded = function (event) {
            // 获取按钮节点上的 Label 组件
            const label = this.node.getComponentInChildren(cc.Label);

            if (label) {
                // 获取标签文本内容
                const labelText = label.string;

                // 根据标签文本内容播放不同的音效
                switch (labelText) {
                    case "Play":
                        AudioManager.playAudio("play_button_click");
                        break;
                    case "Pause":
                        AudioManager.playAudio("pause_button_click");
                        break;
                    case "Stop":
                        AudioManager.playAudio("stop_button_click");
                        break;
                    default:
                        // 播放默认按钮点击音效
                        AudioManager.playButtonClickAudio();
                        break;
                }
            } else {
                // 如果没有 Label 组件，播放默认按钮点击音效
                AudioManager.playButtonClickAudio();
            }

            // 调用原始的 _onTouchEnded 方法
            originalOnTouchEnded.call(this, event);
        };
    }
}

// 在游戏初始化时调用这个方法
CustomButton.hackCCButtonToPlayAudio();