您现在的位置是:首页 >技术杂谈 >uniapp 来电显示悬浮窗插件(支持锁屏来电) Ba-CallerID网站首页技术杂谈
uniapp 来电显示悬浮窗插件(支持锁屏来电) Ba-CallerID
简介(下载地址)
Ba-CallerID 是一款来电显示悬浮窗插件插件。
- 支持显示、隐藏
- 支持锁屏来电显示
- 支持自定义位置显示(上、中、下)
- 支持拖动(这版不支持,需要的话可以加)
- 支持申请、判断悬浮窗权限
截图展示
使用方法
在 script
中引入组件
const callerID = uni.requireNativePlugin('Ba-CallerID')
在 script
中调用(示例参考,可根据自己业务和调用方法自行修改)
methods: {
showFW(gravity) { //显示
callerID.show({
gravity: gravity, //显示位置:0中间 1上 2下
name: "三杯五岳",
content: "生活的梦,永远不止如此!",
call: "接听电话",
uncall: "拒绝电话",
empty: "无记录",
avatar: "https://test.jpg",
totalHint: "详情记录(6)",
tel: "010-0100-7530",
list: [{
iconText: "张",
title1: "张三",
title2: "河北某宝公司",
date: "2023-4-19",
time: "22:10:21",
iconColor: "#A71F21",
title1Color: "#6B646B",
title2Color: "#333333",
}, {
iconText: "李",
title1: "李四",
title2: "深圳某东有限公司",
date: "2023-4-19",
time: "22:10:21",
iconColor: "#00A71F",
title1Color: "#00646B",
title2Color: "#003333",
}]
},
(res) => {
console.log(res);
uni.showToast({
title: res.msg,
icon: "none",
duration: 3000
})
});
},
hideFW() { //隐藏
callerID.hide(
(res) => {
console.log(res);
uni.showToast({
title: res.msg,
icon: "none",
duration: 3000
})
});
},
permissionFW() { //申请悬浮窗权限
callerID.permission(
(res) => {
console.log(res);
uni.showToast({
title: res.msg,
icon: "none",
duration: 3000
})
});
},
goPermissionFW() { //跳转到悬浮窗权限页面
callerID.goPermission(
(res) => {
console.log(res);
uni.showToast({
title: res.msg,
icon: "none",
duration: 3000
})
});
},
isPermissionFW() { //是否申请悬浮窗权限
callerID.isPermission(
(res) => {
console.log(res);
let msg = res.msg;
if (res.data) {
msg = "isPermission:" + res.data.isPermission;
}
uni.showToast({
title: msg,
icon: "none",
duration: 3000
})
});
},
}
点击事件监听
在应用生命周期app.vue的onLaunch事件中设置监听:
onLaunch: function() {
var globalEvent = uni.requireNativePlugin('globalEvent');
globalEvent.addEventListener('baCallerIdEvent', function(e) {
console.log('baCallerIdEvent:' + JSON.stringify(e));
//处理点击事件
});
},
onShow: function() {
},
onHide: function() {
}
点击事件参数
属性名 | 说明 |
---|---|
action | 事件类型,如:onClick |
tag | 事件名称:接听电话call,挂断电话uncall |
示例:
{"tag":"uncall","action":"onClick"}
api 列表
方法名 | 说明 |
---|---|
show | 显示 |
hide | 隐藏 |
permission | 申请悬浮窗权限 |
goPermission | 跳转到悬浮窗权限页面 |
isPermission | 是否申请悬浮窗权限 |
系列插件
应用消息通知插件(多种样式,新增支持常驻通知模式) Ba-Notify(文档)
自定义通知(耳机电量)插件 Ba-NotifyEarphone(文档)
应用未读角标插件 Ba-Shortcut-Badge (文档)
扫码原生插件(毫秒级、支持多码)Ba-Scanner-G(文档)
扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner(文档)
动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar(文档)
安卓保活插件(采用多种主流技术) Ba-KeepAlive(文档)
安卓保活套装(通用、常驻通知、电池优化、自启管理、后台运行等)(文档)
安卓快捷方式(桌面长按app图标) Ba-Shortcut(文档)
自定义图片水印(任意位置) Ba-Watermark(文档)
最接近微信的图片压缩插件 Ba-ImageCompressor(文档)
视频压缩、视频剪辑插件 Ba-VideoCompressor(文档)
动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon(文档)
原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast(文档)
websocket原生服务(自动重连、心跳检测) Ba-Websocket(文档)
智能安装(自动升级) Ba-SmartUpgrade(文档)
监听通知栏消息(支持白名单、黑名单、过滤) Ba-NotifyListener(文档)
全局置灰、哀悼置灰(可动态、同时支持nvue、vue) Ba-Gray(文档)
获取设备唯一标识(OAID、AAID、IMEI等) Ba-IdCode(文档)
实时定位(系统、后台运行、支持息屏)插件 Ba-Location(文档)
实时定位(高德、后台运行、支持息屏、坐标转换、距离计算) Ba-LocationAMap(文档)
窗口小工具、桌面小部件、微件 Ba-AppWidget(文档)
窗口小工具、桌面小部件、微件(日历、时间) Ba-AwCalendarS(文档)
悬浮窗(在其他应用上层显示) Ba-FloatWindow(文档)
悬浮窗(应用内、无需授权) Ba-FloatWindow2(文档)
悬浮窗(悬浮球、动态菜单、在其他应用上层显示) Ba-FloatBall(文档)