通知 - Notification

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Notification API 可以使用对话框,响铃,或者震动来提醒用户。

notification.alert

下面我们先看一下使用对话框提醒的功能,我们可以使用 notification.alert。这里需要先去安装一下 dialogs 插件。

打开终端 ,进入到应用项目的目录 … cd desktop/hello

然后用 phonegap local plugin add 后面加上插件代码库的地址

phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git

然后打开应用的 index.js 这个文件。

找到想要显示这个提醒对话框的地方,这里我们把它放在当断开互联网以后要做的事情里面。 offline 这个事件发生以后,会执行 onOffline 里面的动作。

在这里,输入 navigator.notification.alert();

使用 navigator 的 notification 的 alert 功能。

这个功能有四个参数我们需要指定一下 … 第一个参数就是对话框里要显示的信息。

'掉线了!',

不同的参数之间用英文状态下的逗号分隔开,第二个参数是关掉对话框以后要做的事情,

app.alertDismissed,

这个意思就是去执行 app 这个对象里的 alertDismissed 这个函数 … 一会儿我们需要再去定义这个函数 …

第三个参数是对话框的标题,这个参数是可选的,如果不指定的话,默认会是 Alert … 把它设置成 '网络状态提醒'

最后一个参数是 按钮上的文字,这也是一个可选参数,默认是 OK。 这里我们设置成 '知道了'

下面再去定义一下 alertDismissed() ,也就是关掉对话框窗口以后要做的事情。

// 关掉提醒窗口以后要做的事
alertDismissed: function() {
console.log('已经关掉了提醒窗口');
},

这里用一个简单的 console.log() ,在控制台上输出一些文字 ….

完成以后,保存一下 …

打开终端,重新再编译并且安装一下这个应用 ….

启用以后,断开网络连接 … 这会触发 offline 事件 … 事件发生以后,会在设备上显示一个提醒的对话框 … 上面的内容都是我们刚才定义好的 …

下面再打开 weinre 的控制台 ….

点击对话框上的 按钮 …. 会执行我们自己定义的 alertDismissed … 它做的事就是在控制台上输出,已经关掉了提醒窗口 这几个字 …

通知 - Notification《 PhoneGap 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点