更新记录

1.2（2023-10-22）

1、支持设置背景色 2、支持设置拖动方式 3、支持固定位置时，横竖屏位置比例一致

1.1（2023-06-09）

解决插件和uniapp的uts包冲突问题

1.0（2023-06-07）

init，定制的巡逻显示悬浮窗插件

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

悬浮窗-巡逻显示 Ba-FloatWinPatrol

简介

Ba-FloatWinPatrol 是一款定制的巡逻显示悬浮窗插件，有其他定制需要可联系作者。

• 支持显示、隐藏
• 支持记录显示位置
• 支持拖动
• 支持监听点击事件
• 支持自动申请、判断悬浮窗权限
• 支持设置背景颜色、字体颜色
• 支持固定位置时，横竖屏位置比例一致
• 支持设置拖动方式

有建议和需要，请联系QQ：2579546054

也可关注博客，实时更新最新插件：

uniapp 常用原生插件大全

使用方法

在 script 中引入组件

    const floatWin = uni.requireNativePlugin('Ba-FloatWinPatrol')

在 script 中调用（示例参考，可根据自己业务和调用方法自行修改）

        methods: {
            showFW() { //显示
                floatWin.show({
                        //xRatio: 1,
                        //yRatio: 0.7,
                        //moveType: 1,//1：不可拖动 2：任意拖动 默认2
                        text1: "正在巡逻",
                        text2: "11:11",
                        text3: "603米",
                        //rootBg:"#3300FF00",//背景颜色
                        //text1Color:"#FF0000",
                        //text2Color:"#0000FF",
                        //text3Color:"#00FFFF",
                    },
                    (res) => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
            updateFW() { //更新数据
                floatWin.update({
                        text1: "正在巡逻",
                        text2: "23:59",
                        text3: "966米"
                    },
                    (res) => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
            hideFW() { //隐藏
                floatWin.hide(
                    (res) => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
        }

点击事件监听

在应用生命周期app.vue的onLaunch事件中设置监听：

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

点击事件参数

示例：

{"action":"onClick"}

api 列表