uniapp caller ID floating window plug-in (support lock screen call) Ba-CallerID

Introduction ( download address )

Ba-CallerID is a caller ID floating window plug-in plug-in.

Support display and hide
Support lock screen caller ID
Support custom position display (top, middle, bottom)
Support dragging (this version does not support, you can add it if necessary)
Support application and judge floating window permissions

screenshot display

insert image description here

Instructions

scriptIntroduce components in

	const callerID = uni.requireNativePlugin('Ba-CallerID')

Called in script(example reference, you can modify it according to your own business and calling method)

        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
						})
					});
			},
		}

Click event listener

Set the listener in the onLaunch event of the application lifecycle app.vue:

        onLaunch: function() {
    
    
			var globalEvent = uni.requireNativePlugin('globalEvent');
			globalEvent.addEventListener('baCallerIdEvent', function(e) {
    
    
				console.log('baCallerIdEvent：' + JSON.stringify(e));
				//处理点击事件
			});
		},
		onShow: function() {
    
    
		},
		onHide: function() {
    
    
		}

Click event parameters

attribute name	illustrate
action	Event type, such as: onClick
tag	Event name: answer call call, hang up call uncall

Example:

{
    
    "tag":"uncall","action":"onClick"}

api list

method name	illustrate
show	show
hide	hide
permission	Apply for floating window permission
goPermission	Jump to the floating window permission page
isPermission	Whether to apply for floating window permission