1.基本介绍
Android 界面绘制都是通过 WindowManager 服务来实现的，WindowManager 对象可通过获取 WINDOW_SERVICE 系统服务得到，并因为 WindowManager 继承于 ViewManager ，所以其拥有以下方法
addView(View view, ViewGroup.LayoutParams params)
主要通过该方法将指定 View 添加到屏幕上，实现悬浮窗效果
（ WindowManager 对象调用 addView( ) 入参的 LayoutParams 必须为 WindowManager.LayoutParams ）
removeView(View view)
移除指定已添加到屏幕上的 View
updateViewLayout(View view, ViewGroup.LayoutParams params)
通过调整 LayoutParams 更新屏幕上的指定 View
WindowManager 官方文档说明
2.代码示例
2.1 在 AndroidManifest 中声明权限
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
2.2 判断是否拥有在屏幕上层绘制权限
/**
* 判断是否拥有悬浮窗权限
*
* @param isApplyAuthorization 是否申请权限
*/
public static boolean canDrawOverlays(Context context, boolean isApplyAuthorization) {
//Android 6.0 以下无需申请权限
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
//判断是否拥有悬浮窗权限，无则跳转悬浮窗权限授权页面
if (Settings.canDrawOverlays(context)) {
return true;
} else {
if (isApplyAuthorization) {
Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION, Uri.parse("package:" + context.getPackageName()));
if (context instanceof Service) {
intent.setFlags(FLAG_ACTIVITY_NEW_TASK);
}
context.startActivity(intent);
return false;
} else {
return false;
}
}
} else {
return true;
}
}
2.3 获取 WindowManager 对象，生成 WindowManager.LayoutParams ，调用 addView 方法传入指定 View
//获取 WindowManager 服务
WindowManager windowManager = (WindowManager) context.getSystemService(WINDOW_SERVICE);
//生成 WindowManager.LayoutParams 对象
WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
//形成的窗口层级关系，Android 8.0 前后存在区别
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
//实现在其他应用和窗口上方显示提醒窗口
layoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
} else {
//表示提供用户交互操作的非应用窗口
layoutParams.type = WindowManager.LayoutParams.TYPE_PHONE;
}
layoutParams.format = PixelFormat.RGBA_8888;
//显示位置
layoutParams.gravity = Gravity.START | Gravity.TOP;
//该flags描述的是窗口的模式，是否可以触摸，可以聚焦等
layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
//窗口宽高
layoutParams.width = LinearLayout.LayoutParams.WRAP_CONTENT;
layoutParams.height = LinearLayout.LayoutParams.WRAP_CONTENT;
//需要悬浮的指定 View
View view = LayoutInflater.from(context).inflate(R.layout.widget_test_view, null, false);
//将指定 View 添加到屏幕上
windowManager.addView(view, layoutParams);
3.实现效果及便捷工具类
MainActivity 代码（Kotlin，点击查看源码）
btn_show_view.setOnClickListener {
if (ExampleFloatingService.isStart) {
//通知处理点击事件
LocalBroadcastManager.getInstance(this)
.sendBroadcast(Intent(ExampleFloatingService.ACTION_CLICK))
} else {
if (FloatingWindowHelper.canDrawOverlays(this, true)) {
startService(Intent(this, ExampleFloatingService::class.java))
}
}
}
ExampleFloatingService 代码（Kotlin，点击查看源码）
悬浮窗管理服务，一般在此处理业务逻辑
目的脱离 Activity 展示悬浮窗
帮助类 FloatingWindowHelper（Java，点击查看源码）
悬浮窗功能相关操作帮助类，使用示例如下
private lateinit var mFloatingWindowHelper: FloatingWindowHelper
private lateinit var mExampleViewA: View
private lateinit var mExampleViewB: View
override fun onCreate() {
super.onCreate()
mFloatingWindowHelper = FloatingWindowHelper(this)
val layoutInflater = LayoutInflater.from(this)
mExampleViewA = layoutInflater.inflate(R.layout.widget_test_view, null, false)
mExampleViewB = layoutInflater.inflate(R.layout.widget_test_view_b, null, false)
}
private fun onClick() {
if (!mFloatingWindowHelper.contains(mExampleViewA)) {
//悬浮显示指定 View
mFloatingWindowHelper.addView(mExampleViewA)
} else if (!mFloatingWindowHelper.contains(mExampleViewB)) {
//悬浮显示指定 View 在指定位置，并可拖动
mFloatingWindowHelper.addView(mExampleViewB, 100, 100, true)
} else {
//移除所有悬浮 View
mFloatingWindowHelper.clear()
}
}
override fun onDestroy() {
mFloatingWindowHelper.destroy()
super.onDestroy()
}
4.仿微信语音通话悬浮窗效果实现
4.1 需求分析
需求分析：
1.悬浮可拖动
2.自动粘边：停留时只粘在屏幕左边或右边
3.圆直角切换：拖动时悬浮窗四个角为圆角，粘边时粘边处皆为直角
4.2 实现
- 1.悬浮可拖动
通过 WindowManager addView 实现悬浮效果
通过重写悬浮 View 的 onTouch 方法或为悬浮 View setOnTouchListener 处理触摸事件记录滑动距离，再通过 WindowManager updateViewLayout 方法更新悬浮 View 位置，实现悬浮可拖动效果
- 2.自动粘边：停留时只粘在屏幕左边或右边
重写悬浮 View 的 onTouch 方法感知触摸事件，当处于触摸移动状态时，更新悬浮 View 四周角为圆角。当触摸抬起时，根据悬浮 View 当前坐标与屏幕宽度值判断位置，然后通过 WindowManager updateViewLayout 方法更新悬浮 View 位置，将悬浮 View 平移到屏幕坐标或右边，实现粘边效果
- 3.圆直角切换：拖动时悬浮窗四个角为圆角，粘边时粘边处皆为直角
重写悬浮 View 的 onDraw 方法，根据移动方向判断是否需要在左/右边绘制直角矩形覆盖圆角，实现圆直角切换效果
-
4. 代码示例
自定义悬浮 View （Java，点击查看源码）
调用（Kotlin）
val voiceFloatingView = VoiceFloatingView(context)
voiceFloatingView.show()
5.最后
- 源码及 Demo 地址：https://github.com/ziwenL/FloatingWindowDemo
- 如有更好的见解或建议，欢迎留言
