uniapp 呼び出し元表示フローティングウィンドウプラグイン (ロック画面呼び出しをサポート) Ba-CallerID

はじめに（ダウンロードアドレス）

Ba-CallerID は、発信者 ID フローティングウィンドウプラグインプラグインです。

表示と非表示をサポート
ロック画面の発信者IDをサポート
カスタム位置表示をサポート (上、中、下)
ドラッグのサポート (このバージョンはサポートしていません。必要に応じて追加できます)
アプリケーションをサポートし、フローティングウィンドウのアクセス許可を判断する

スクリーンショットの表示

ここに画像の説明を挿入

手順

scriptコンポーネントを導入します

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

Called in 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() {
    
    
		}

クリックイベントパラメータ

属性名	説明する
アクション	イベントタイプ (onClick など)
鬼ごっこ	イベント名: 電話に出る、電話を切る

例：

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

APIリスト

メソッド名	説明する
見せる	見せる
隠れる	隠れる
許可	フローティングウィンドウの許可を申請する
go許可	フローティングウィンドウ許可ページにジャンプします
許可です	フローティングウィンドウの許可を申請するかどうか