转自:https://www.npmjs.com/package/cordova-plugin-badge

Cordova插件可访问和修改各种移动平台(包括iOS,Android和Windows)上的应用程序图标的徽章编号。

它们如何出现在用户身上

用户通过以下方式查看通知:

  • 粘贴应用程序的图标
  • 进度指示器(基于https://github.com/hokein/DockProgressBar的 OSX )

支持的平台

  • Android / Amazon FireOS(通过ShortcutBadger)
  • 浏览器(通过favico.js)
  • iOS 10+
  • OSX
  • Windows(手机和桌面)

安装

该插件可以通过Cordova-CLI安装,并可在NPM上公开获得。

从项目根文件夹执行:

$ cordova plugin add cordova-plugin-badge

或者安装特定版本:

$ cordova plugin add cordova-plugin-badge@VERSION

或安装最新的头版:

$ cordova plugin add https://github.com/katzer/cordova-plugin-badge.git

或者从本地来源安装:

$ cordova plugin add <path> --nofetch --nosave

用法

该插件创建对象cordova.plugins.notification.badge,并在触发deviceready后可访问。

document.addEventListener('deviceready', function () {// cordova.plugins.notification.badge is now available
}, false);

设置徽章编号

徽章数量不能为负数。操作系统可能会限制最大值。回调是可选的,将使用当前的徽章编号进行调用。

 cordova.plugins.notification.badge.set(10);

            

有内置支持来增加徽章编号:

cordova.plugins.notification.badge.increase(1, function (badge) {// badge is now 11 (10 + 1)
});

要减少徽章编号:

cordova.plugins.notification.badge.decrease(2, function (badge) {// badge is now 9 (11 - 2)
});

并清除徽章编号:

cordova.plugins.notification.badge.clear();

获取徽章编号

默认值为0.重启或应用重启后,徽章编号不会丢失。

cordova.plugins.notification.badge.get(function (badge) {...
});

注意:修改插件外部的徽章编号会导致错误的行为!

配置

如果用户点按应用图标,则自动清除徽章编号:

cordova.plugins.notification.badge.configure({ autoClear: true });

OSX支持其他指标。除了badge这些是circulardownload

cordova.plugins.notification.badge.configure({ indicator: 'circular' });

            

权限

该插件可能会要求授予修改徽章编号的权限。这是自动完成的,但也可以手动请求它们:

cordova.plugins.notification.badge.requestPermission(function (granted) {...
});

要检查它们是否已被授予:

cordova.plugins.notification.badge.hasPermission(function (granted) {...
});

怪癖

在Android上并非所有发射器都支持徽章。为了设置徽章,插件使用ShortcutBadger。查看他们的网站,了解支持哪些发射器。

如果您正在使用PhoneGap Build,请确保在config.xml中将gradle指定为Android构建工具:

<preference name="android-build-tool" value="gradle" />

要指定ShortcutBadger的自定义版本,请遵循本指南。该物业的名称是appShortcutBadgerVersion

// In <your-project>/platforms/android/build-extras.gradle
ext.appShortcutBadgerVersion = '1.1.18'

特约

  1. 叉吧
  2. 创建您的功能分支(git checkout -b my-new-feature
  3. 提交你的更改(git commit -am 'Add some feature'
  4. 推到分支(git push origin my-new-feature
  5. 创建新的Pull请求

执照

该软件是在Apache 2.0许可下发布的。

用莱比锡的Made制成

©2013 appPlant GmbH

Cordova徽章插件相关推荐

  1. cordova开发插件,并在android studio中开发、调试

    之前用过cordova Lib包装H5页面,自己写插件,但做法是野路子,不符合cordova插件的开发思路,这次项目又需要包装H5页面,同时需要自定义插件.所以又折腾了一次cordova自定义插件. ...

  2. cordova自定义android插件,Cordova 自定义插件(Android版本)

    Cordova 自定义插件(android) 特别注意 android 项目的包名 必须为 com.example.hello,否则编译不会通过. 1.安装命令工具 $ npm i plugman - ...

  3. ionic3 cordova ionic-native插件

    ionic-native插件 cordova安装插件 以及 ionic-native插件 使用过程以及步骤 cordova plugin add cordova-plugin-插件名称. //安装插件 ...

  4. Vue.js 使用cordova camera插件调取相机

    介绍完上文 用Cordova打包Vue项目之后,本文给出在vue.js里如何使用cordova的插件完成调取相机及图库,并完成图片上传的操作. 具体的操作步骤如下 第一步:在cordova项目下安装c ...

  5. vue调用cordova 插件_Vue.js 使用cordova camera插件调取相机

    本文给出在vue.js里如何使用cordova的插件完成调取相机及图库,并完成图片上传的操作. 具体的操作步骤如下 第一步:在cordova项目下安装cordova-plugin-camera插件 c ...

  6. Cordova各个插件使用介绍系列(七)—$cordovaStatusbar手机状态栏显示

    在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题 1.下载插件$cordovaStatusbar命令: cordova plugin add ...

  7. 科大讯飞cordova语音插件填坑及api介绍

    项目要求语音合成,准备调用科大讯飞的cordova插件,百度仅有一篇有价值的参考文章(再吐槽下,百度搜索到各种复制的文章....),谷歌有2篇,但介绍不全,只用typescript列出api,没有ap ...

  8. cordova splashscreen插件在android平台的使用

    先到插件网站找这个插件 插件网站地址 http://cordova.apache.org/plugins/ 然后找到了这个 cordova-plugin-splashscreen 插件  地址是htt ...

  9. Cordova自定义插件

    项目原因需要自定义Cordova插件,下面把实现过程记录以便将来查阅. 工程为Eclipse下的Android工程,该工程已经引入Cordova.Cordova版本4.0.2. 1.定义插件类Open ...

最新文章

  1. leetcode算法题--三角形最小路径和
  2. C# 判断一个字符串是否为url
  3. nyoj 456 邮票分你一半【01背包】
  4. Tensor的合并与分割
  5. 拓端tecdat|R语言:状态空间模型和卡尔曼滤波预测酒精死亡人数时间序列
  6. 智力问答选择题_儿童智力问答题带答案
  7. 基于Java实现的禁忌搜索算法
  8. NI CompactRIO9035与elmo电机驱动联合仿真系统搭建教程(二)
  9. Mat 和 Iplimage* 相互转换
  10. 「洛谷P2906」[USACO08OPEN]牛的街区Cow Neighborhoods 解题报告
  11. html中的em的使用方法,css布局的em的使用方法
  12. 根据两点的经纬度求方位角和距离
  13. JavaWeb技术内幕二:Java IO工作机制
  14. Google AppOps
  15. 影响显示结果的语系变量 (locale)
  16. 2019年河南省ACM大学生程序设计竞赛原题
  17. u盘推荐知乎_U盘推荐|U盘哪个牌子更好?怎么选择?
  18. 中国软件开发者(研究生)的人生规划(转自天涯虚拟社区)
  19. 你的网站友情链接是全站友情链接吗
  20. python死循环用什么好弄_用python死循环

热门文章

  1. 软件架构设计系列总结—写在前面
  2. 免费使用 office, Office Standard 2010 (x64) - (Chinese-Simplified) 版本
  3. 百度AI 实现人体姿态检测
  4. char *c和char c[]区别
  5. jQuery的属性,位置,元素操作
  6. CSS样式自动换行(强制换行)
  7. php ThinkPHP文章上一篇、下一篇解决方案
  8. 书籍 -- 《高性能MySQL》持续更新中(四)
  9. 手机页面前端框架weui+
  10. Android Google Map集成以及部分功能的实现