目录

1.基本介绍

2.代码示例

3.实现效果及便捷工具类

4.仿微信语音通话悬浮窗效果实现

4.1 需求分析及效果展示

4.2 实现

5.最后

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.代码示例

1)在 AndroidManifest 中声明权限

2)判断是否拥有在屏幕上层绘制权限

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;

}

}

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

如有更好的见解或建议，欢迎留言