cordova - 如何添加Ionic2原生按钮点击音效？

Question

许多 native 应用程序的按钮都有 native 点击声音。谁能告诉我如何为 Ionic 2 中的所有按钮添加原生点击声音。

Answer 1

在 Ionic 2 中使用 Nativeclick 插件:

安装插件:

cordova plugin add cordova-plugin-nativeclicksound

添加必要的导入:

import { Platform } from 'ionic-angular';

在@Component装饰器之前声明一个变量:

declare var nativeclick;

这样，TypeScript 就不会提示没有定义“nativeclick”。

在构造函数中，使用以下代码:

constructor(private platform: Platform) {

this.platform.ready().then( (val) => {
    if (val === 'cordova'){
      var clickyClasses = ['button', 'a']; // add other classes that should make a sound when clicked on
      nativeclick.watch(clickyClasses);
    }
});

如果您不使用平台检查 (==='cordova')，您的代码在浏览器中使用时将中断。

如果有人能指出我们可以使用的其他一些类的名称(例如单选按钮、列表项、导航上的后退按钮等)，我将不胜感激。