uniapp 悬浮窗(应用内、无需授权) Ba-FloatWindow2
简介(下载地址)
Ba-FloatWindow2 是一款应用内并且无需授权的悬浮窗插件。支持多种拖动;自定义位置、大小;支持动态修改。
截图展示
使用方法
在 script
中引入组件
const floatWindow = uni.requireNativePlugin('Ba-FloatWindow2')
在 script
中调用
data() {return {widthRatio: 0.1,heightRatio: 0.1,xRatio: 0.8,yRatio: 0.8,moveType: 3,iconPath: "ba_float_win2_icon"}},methods: {showFW() { //显示floatWindow.show({widthRatio: this.widthRatio,heightRatio: this.heightRatio,xRatio: this.xRatio,yRatio: this.yRatio,moveType: this.moveType,iconPath: this.iconPath},(res) => {console.log(res);uni.showToast({title: res.msg,icon: "none",duration: 3000})});},hideFW() { //隐藏floatWindow.hide({},(res) => {console.log(res);uni.showToast({title: res.msg,icon: "none",duration: 3000})});},}
UI 图标设置
- 默认悬浮图标:默认悬浮图标设置,在项目的 “nativeplugins\Ba-FloatWindow2\android\res\drawable-xxhdpi” 目录下(没有就新建),添加 “ba_float_win2_icon.png” 图片文件即可。注意:更改后需要重新制作基座才能生效,建议提前配置。
- 自定义悬浮图标:自定义图标路径和默认一样,任意添加图片,名字在 initIcon方法的 “iconPath”字段设置即可。如添加自定义图片"custom_icon.png",那么设置 iconPath 为 “custom_icon”
方法清单
名称 | 说明 |
---|---|
show | 显示悬浮窗 |
hide | 隐藏悬浮窗 |
监听点击事件
在应用生命周期App.vue的onLaunch事件中设置监听:
onLaunch: function() {var globalEvent = uni.requireNativePlugin('globalEvent');globalEvent.addEventListener('baFloatWindow2Event', function(e) {console.log('baFloatWindow2Event:' + JSON.stringify(e));//这里写你的处理逻辑});},onShow: function() {},onHide: function() {}
show 方法参数
初始化悬浮窗
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
widthRatio | Number | false | 0.15 | 根据屏幕宽度比例,设置悬浮窗宽度 |
heightRatio | Number | false | 0.15 | 根据屏幕宽度比例,设置悬浮窗高度 |
xRatio | Number | false | 0.8 | 根据屏幕宽度比例,设置悬浮窗x轴起始位置 |
yRatio | Number | false | 0.8 | 根据屏幕高度比例,设置悬浮窗y轴起始位置 |
moveType | Number | false | 3 | 拖动效果,1:不可拖动、2:任意拖动、3:贴边拖动 |
iconPath | String | false | 资源图片项目路径,参照’UI 图标设置’ |
系列插件
图片选择插件 Ba-MediaPicker (文档)
图片编辑插件 Ba-ImageEditor (文档)
文件选择插件 Ba-FilePicker (文档)
应用消息通知插件(多种样式,新增支持常驻通知模式) Ba-Notify(文档)
应用未读角标插件 Ba-Shortcut-Badge (文档)
应用开机自启插件 Ba-Autoboot(文档)
扫码原生插件(毫秒级、支持多码)Ba-Scanner-G(文档)
扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner(文档)
动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar(文档)
原生sqlite本地数据库管理 Ba-Sqlite(文档)
安卓保活插件(采用多种主流技术) Ba-KeepAlive(文档)
安卓快捷方式(桌面长按app图标) Ba-Shortcut(文档)
自定义图片水印(任意位置) Ba-Watermark(文档)
最接近微信的图片压缩插件 Ba-ImageCompressor(文档)
视频压缩、视频剪辑插件 Ba-VideoCompressor(文档)
动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon(文档)
原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast(文档)
图片涂鸦、画笔 Ba-ImagePaint(文档)
pdf阅读(手势缩放、显示页数) Ba-Pdf(文档)
声音提示、震动提示、语音播报 Ba-Beep(文档)
websocket原生服务(自动重连、心跳检测) Ba-Websocket(文档)
短信监听(验证码) Ba-Sms(文档)
智能安装(自动升级) Ba-SmartUpgrade(文档)
监听系统广播、自定义广播 Ba-Broadcast(文档)
监听通知栏消息(支持白名单、黑名单、过滤) Ba-NotifyListener(文档)
全局置灰、哀悼置灰(可动态、同时支持nvue、vue) Ba-Gray(文档)
获取设备唯一标识(OAID、AAID、IMEI等) Ba-IdCode(文档)
实时定位(系统、后台运行、支持息屏)插件 Ba-Location(文档)
窗口小工具、桌面小部件、微件 Ba-AppWidget(文档)
窗口小工具、桌面小部件、微件(日历、时间) Ba-AwCalendarS(文档)
画中画悬浮窗(视频) Ba-VideoPip(文档)
悬浮窗(在其他应用上层显示) Ba-FloatWindow(文档)
悬浮窗(应用内、无需授权) Ba-FloatWindow2(文档)
悬浮窗(悬浮球、动态菜单、在其他应用上层显示) Ba-FloatBall(文档)
uniapp 悬浮窗(应用内、无需授权) Ba-FloatWindow2相关推荐
- uniapp 悬浮窗插件(在其他应用上层显示) Ba-FloatWindow
悬浮窗(在其他应用上层显示) Ba-FloatWindow 简介(下载地址) Ba-FloatWindow 是一款在其他应用上层显示的悬浮窗插件.支持多种场景:支持拖动:支持多个. 支持自动定义起始位 ...
- Android悬浮窗适配,无需权限适配全机型,最简单最高性能的实现全局显示圆形悬浮
github:https://github.com/feiyuu/FloatingView 适配方式就是不用悬浮窗,弹框之类的,在每个页面顶层添加布局.缺点是不能退出app后在手机桌面显示. 想做桌面 ...
- Android悬浮窗看这篇就够了
目录 悬浮窗的基本原理 动态添加View 悬浮窗原理 应用内悬浮窗 应用内悬浮窗实现流程 效果 应用外悬浮窗(有局限性) 效果 悬浮窗权限的适配 权限配置和请求 LayoutParam的坑!!!! 无 ...
- Android 8.1 App开机自启动、注册为无障碍服务、实现悬浮窗
(欢迎转载,只需注明本文来源:https://blog.csdn.net/actionwind/article/details/103619688) 以下各方法大多来自于网上诸多朋友的无私分享,但找到 ...
- android悬浮窗代码布局,三行代码实现Android应用内悬浮窗,无需一切权限,适配所有ROM和厂商...
悬浮窗实现传统方案 对于传统悬浮窗和一些古老的"黑科技"悬浮窗的实现,想必已经有很多成熟的案例了,实现策略基本为以下两种:TYPE_SYSTEM_ALERT类型mWindowMan ...
- android申请悬浮窗代码,三行代码实现Android应用内悬浮窗,无需一切权限,适配所有ROM和厂商...
悬浮窗实现传统方案 对于传统悬浮窗和一些古老的"黑科技"悬浮窗的实现,想必已经有很多成熟的案例了,实现策略基本为以下两种:TYPE_SYSTEM_ALERT类型mWindowMan ...
- uniapp 来电显示悬浮窗插件(支持锁屏来电) Ba-CallerID
简介(下载地址) Ba-CallerID 是一款来电显示悬浮窗插件插件. 支持显示.隐藏 支持锁屏来电显示 支持自定义位置显示(上.中.下) 支持拖动(这版不支持,需要的话可以加) 支持申请.判断悬浮 ...
- WindowManager解析(二)Android悬浮框无法弹出输入法的原因和无需权限显示悬浮窗
Android悬浮框无法弹出输入法 最近要研究悬浮窗方面的东西,遇到一个问题,我的悬浮窗里面有一个输入框,但是不弹出输入法,后来找到一个方法: 在WindowManager的实例获取方式不对,之前是这 ...
- Android12(S)授权弹窗被悬浮窗遮挡导致无法点击问题分析
概述 在测试过程中发现,部分情况下当应用请求权限时,权限授予弹窗中的选项无法点击,有时候又可以.点击其他区域发现是可以正常响应,获取按键事件,发现触摸是有正常上报事件的,所以可以排除是触摸失灵导致. ...
最新文章
- 计算机科学CSTA,学编程,搞懂CSTA K-12计算机科学学习标准
- 二分类2x2对角矩阵准确率表达式
- java切面类整合_自定义注解+面向切面整合的日志记录模块(一)
- 矢量算法java,矢量线的一种栅格化算法
- linux 16.04系统下载,【Ubuntu1604镜像下载】乌班图系统Ubuntu 16.04 官方正式版-开心电玩...
- win7如何设置通电自动开机_WIN7自动开机怎么设置?
- 2018毕业设计需求分析
- 求助:ACM剑气算法
- 《实用C语言编程》读书笔记
- 传智杯第四届初赛 B小卡与质数2
- 《码农翻身》各章节阅读连接
- 6iypl8php,无线超方便 YPL TL-1/TL-3蓝牙音箱新品上市
- 有偿调查问卷赚钱攻略
- 阻止创建“迅雷下载“目录
- centOS7.2.1511 bit64位 浏览器不能上网
- 电商平台之争,京东是如何脱颖而出的
- 我的独家快速美容去痘秘方
- 没有选择的选择才能坚持和专注
- vue使用云信实时通信(聊天室)
- 人机协作机器人发展趋势_未来10年机器人三大发展趋势