Cordova徽章插件
转自: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
这些是circular
和download
。
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'
特约
- 叉吧
- 创建您的功能分支(
git checkout -b my-new-feature
) - 提交你的更改(
git commit -am 'Add some feature'
) - 推到分支(
git push origin my-new-feature
) - 创建新的Pull请求
执照
该软件是在Apache 2.0许可下发布的。
用莱比锡的Made制成
©2013 appPlant GmbH
Cordova徽章插件相关推荐
- cordova开发插件,并在android studio中开发、调试
之前用过cordova Lib包装H5页面,自己写插件,但做法是野路子,不符合cordova插件的开发思路,这次项目又需要包装H5页面,同时需要自定义插件.所以又折腾了一次cordova自定义插件. ...
- cordova自定义android插件,Cordova 自定义插件(Android版本)
Cordova 自定义插件(android) 特别注意 android 项目的包名 必须为 com.example.hello,否则编译不会通过. 1.安装命令工具 $ npm i plugman - ...
- ionic3 cordova ionic-native插件
ionic-native插件 cordova安装插件 以及 ionic-native插件 使用过程以及步骤 cordova plugin add cordova-plugin-插件名称. //安装插件 ...
- Vue.js 使用cordova camera插件调取相机
介绍完上文 用Cordova打包Vue项目之后,本文给出在vue.js里如何使用cordova的插件完成调取相机及图库,并完成图片上传的操作. 具体的操作步骤如下 第一步:在cordova项目下安装c ...
- vue调用cordova 插件_Vue.js 使用cordova camera插件调取相机
本文给出在vue.js里如何使用cordova的插件完成调取相机及图库,并完成图片上传的操作. 具体的操作步骤如下 第一步:在cordova项目下安装cordova-plugin-camera插件 c ...
- Cordova各个插件使用介绍系列(七)—$cordovaStatusbar手机状态栏显示
在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题 1.下载插件$cordovaStatusbar命令: cordova plugin add ...
- 科大讯飞cordova语音插件填坑及api介绍
项目要求语音合成,准备调用科大讯飞的cordova插件,百度仅有一篇有价值的参考文章(再吐槽下,百度搜索到各种复制的文章....),谷歌有2篇,但介绍不全,只用typescript列出api,没有ap ...
- cordova splashscreen插件在android平台的使用
先到插件网站找这个插件 插件网站地址 http://cordova.apache.org/plugins/ 然后找到了这个 cordova-plugin-splashscreen 插件 地址是htt ...
- Cordova自定义插件
项目原因需要自定义Cordova插件,下面把实现过程记录以便将来查阅. 工程为Eclipse下的Android工程,该工程已经引入Cordova.Cordova版本4.0.2. 1.定义插件类Open ...
最新文章
- leetcode算法题--三角形最小路径和
- C# 判断一个字符串是否为url
- nyoj 456 邮票分你一半【01背包】
- Tensor的合并与分割
- 拓端tecdat|R语言:状态空间模型和卡尔曼滤波预测酒精死亡人数时间序列
- 智力问答选择题_儿童智力问答题带答案
- 基于Java实现的禁忌搜索算法
- NI CompactRIO9035与elmo电机驱动联合仿真系统搭建教程(二)
- Mat 和 Iplimage* 相互转换
- 「洛谷P2906」[USACO08OPEN]牛的街区Cow Neighborhoods 解题报告
- html中的em的使用方法,css布局的em的使用方法
- 根据两点的经纬度求方位角和距离
- JavaWeb技术内幕二:Java IO工作机制
- Google AppOps
- 影响显示结果的语系变量 (locale)
- 2019年河南省ACM大学生程序设计竞赛原题
- u盘推荐知乎_U盘推荐|U盘哪个牌子更好?怎么选择?
- 中国软件开发者(研究生)的人生规划(转自天涯虚拟社区)
- 你的网站友情链接是全站友情链接吗
- python死循环用什么好弄_用python死循环