Android悬浮窗的实现(易错点)

0. 前言

  现在很多应用都使用到悬浮窗,例如微信在视频的时候,点击Home键,视频小窗口仍然会在屏幕上显示。这个功能在很多情况下都非常有用。那么今天我们就来实现一下Android悬浮窗,以及探索一下实现悬浮窗时的易错点。

1. 实现原理

1.1 悬浮窗插入接口

  在实现悬浮窗之前,我们需要知道通过什么接口,能够将一个控件放入到屏幕中去。
  Android的界面绘制,都是通过WindowMananger的服务来实现的。那么,既然要实现一个能够在自身应用以外的界面上的悬浮窗,我们就要利用WindowManager来“做手脚”。

(frameworks/base/core/java/android/view/WindowMananger.java)

@SystemService(Context.WINDOW_SERVICE)
public interface WindowManager extends ViewManager {
 ...
}

  WindowManager实现了ViewManager接口,可以通过获取WINDOW_SERVICE系统服务得到。而ViewManager接口有addView方法,我们就是通过这个方法将悬浮窗控件加入到屏幕中去。

1.2 权限设置及请求

  悬浮窗需要在别的应用之上显示控件,很显然,这需要某些权限才可以。

  在API Level >= 23的时候,需要在AndroidManefest.xml文件中声明权限SYSTEM_ALERT_WINDOW才能在其他应用上绘制控件。

<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />

  除了这个权限外,我们还需要在系统设置里面对本应用进行设置悬浮窗权限。该权限在应用中需要启动Settings.ACTION_MANAGE_OVERLAY_PERMISSION来让用户手动设置权限。

startActivityForResult(new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION, Uri.parse("package:" + getPackageName())), REQUEST_CODE);

1.3 LayoutParam设置

  WindowManager的addView方法有两个参数,一个是需要加入的控件对象,另一个参数是WindowManager.LayoutParam对象。

  这里需要着重说明的是LayoutParam里的type变量。这个变量是用来指定窗口类型的。在设置这个变量时,需要注意一个坑,那就是需要对不同版本的Android系统进行适配。

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
 layoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
} else {
 layoutParams.type = WindowManager.LayoutParams.TYPE_PHONE;
}

  在Android 8.0之前,悬浮窗口设置可以为TYPE_PHONE,这种类型是用于提供用户交互操作的非应用窗口。
  而Android 8.0对系统和API行为做了修改,包括使用SYSTEM_ALERT_WINDOW权限的应用无法再使用一下窗口类型来在其他应用和窗口上方显示提醒窗口:

- TYPE_PHONE
- TYPE_PRIORITY_PHONE
- TYPE_SYSTEM_ALERT
- TYPE_SYSTEM_OVERLAY
- TYPE_SYSTEM_ERROR

  如果需要实现在其他应用和窗口上方显示提醒窗口,那么必须该为TYPE_APPLICATION_OVERLAY的新类型。
  如果在Android 8.0以上版本仍然使用TYPE_PHONE类型的悬浮窗口,则会出现如下异常信息:

android.view.WindowManager$BadTokenException: Unable to add window android.view.ViewRootImpl$W@f8ec928 -- permission denied for window type 2002

2. 具体实现

  下面来讲解一下悬浮窗的具体实现方式。

  完整的源码地址:https://github.com/dongzhong/TestForFloatingWindow

  为了让悬浮窗与Activity脱离,使其在应用处于后台时悬浮窗仍然可以正常运行,这里使用Service来启动悬浮窗并做为其背后逻辑支撑。
  在启动服务之前,需要先判断一下当前是否允许开启悬浮窗。

(MainActivity.java)

public void startFloatingService(View view) {
 ...
 if (!Settings.canDrawOverlays(this)) {
 Toast.makeText(this, "当前无权限,请授权", Toast.LENGTH_SHORT);
 startActivityForResult(new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION, Uri.parse("package:" + getPackageName())), 0);
 } else {
 startService(new Intent(MainActivity.this, FloatingService.class));
 }
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
 if (requestCode == 0) {
 if (!Settings.canDrawOverlays(this)) {
  Toast.makeText(this, "授权失败", Toast.LENGTH_SHORT).show();
 } else {
  Toast.makeText(this, "授权成功", Toast.LENGTH_SHORT).show();
  startService(new Intent(MainActivity.this, FloatingService.class));
 }
 }
}

  悬浮窗控件可以是任意的View的子类类型。这里先以一个最简单的Button来做示例。

(FloatingService.java)

@Override
public int onStartCommand(Intent intent, int flags, int startId) {
 showFloatingWindow();
 return super.onStartCommand(intent, flags, startId);
}
private void showFloatingWindow() {
 if (Settings.canDrawOverlays(this)) {
 // 获取WindowManager服务
 WindowManager windowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
 // 新建悬浮窗控件
 Button button = new Button(getApplicationContext());
 button.setText("Floating Window");
 button.setBackgroundColor(Color.BLUE);
 // 设置LayoutParam
 WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
 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.width = 500;
 layoutParams.height = 100;
 layoutParams.x = 300;
 layoutParams.y = 300;
 // 将悬浮窗控件添加到WindowManager
 windowManager.addView(button, layoutParams);
 }
}

  好了,完成了!

  对,没看错,最简单的悬浮窗这就实现了。是不是很简单?来看看效果吧。

  当然了,这个悬浮窗的效果仅仅是显示出来,离真正想要的效果还相差甚远。不过基础的原理是已经实现了,剩下的就是要在这上面一点点的添加功能啦。

3. 增加小功能

3.1 拖动功能

  首先想要增加的功能就是能够拖动这个悬浮窗。因为悬浮窗显示的位置也许会挡住背后我们想要看到的信息,如果能够把悬浮窗拖走那就最好了。
  在Android中,触摸事件的处理算是一个最基本操作了,直接上代码。

(FloatingService.java)

private void showFloatingWindow() {
 ...
 button.setOnTouchListener(new FloatingOnTouchListener());
 ...
}
private class FloatingOnTouchListener implements View.OnTouchListener {
 private int x;
 private int y;
 @Override
 public boolean onTouch(View view, MotionEvent event) {
 switch (event.getAction()) {
  case MotionEvent.ACTION_DOWN:
  x = (int) event.getRawX();
  y = (int) event.getRawY();
  break;
  case MotionEvent.ACTION_MOVE:
  int nowX = (int) event.getRawX();
  int nowY = (int) event.getRawY();
  int movedX = nowX - x;
  int movedY = nowY - y;
  x = nowX;
  y = nowY;
  layoutParams.x = layoutParams.x + movedX;
  layoutParams.y = layoutParams.y + movedY;
  // 更新悬浮窗控件布局
  windowManager.updateViewLayout(view, layoutParams);
  break;
  default:
  break;
 }
 return false;
 }
}

  这里需要注意的是,在代码注释处的更新悬浮窗控件布局的方法。只有调用了这个方法,悬浮窗的位置才会发生改变。看看效果吧。

3.2 图片自动播放

  下面我们对悬浮窗做一些小变动,来演示一下略微复杂一丢丢的界面。

  这里的悬浮窗界面我们不再单纯的使用一个Button控件,而是在一个LinearLayout内加一个ImageView,布局文件如下。

(image_display.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" >

 <ImageView
 android:id="@+id/image_display_imageview"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />

</LinearLayout>

  在创建悬浮窗布局的地方做一些修改。

(FloatingService.java)

private void showFloatingWindow() {
 ...
 LayoutInflater layoutInflater = LayoutInflater.from(this);
 displayView = layoutInflater.inflate(R.layout.image_display, null);
 displayView.setOnTouchListener(new FloatingOnTouchListener());

 ImageView imageView = displayView.findViewById(R.id.image_display_imageview);
 imageView.setImageResource(images[imageIndex]);

 windowManager.addView(displayView, layoutParams);
 ...
}

  我们还想让图片隔两秒就切换一张,那么就再做一个定时切换图片的机制吧。

(FloatingService.java)

@Override
public void onCreate() {
 ...
 changeImageHandler = new Handler(this.getMainLooper(), changeImageCallback);
}
private Handler.Callback changeImageCallback = new Handler.Callback() {
 @Override
 public boolean handleMessage(Message msg) {
 if (msg.what == 0) {
  imageIndex++;
  if (imageIndex >= 5) {
  imageIndex = 0;
  }
  if (displayView != null) {
  ((ImageView) displayView.findViewById(R.id.image_display_imageview)).setImageResource(images[imageIndex]);
  }
  changeImageHandler.sendEmptyMessageDelayed(0, 2000);
 }
 return false;
 }
};
private void showFloatingWindow() {
 ...
 windowManager.addView(displayView, layoutParams);
 changeImageHandler.sendEmptyMessageDelayed(0, 2000);
}

  来看一下悬浮窗自动播放图片的效果吧。

  

3.3 视频小窗口

  下面我们就来看看悬浮窗最常用的功能:视频小窗口。例如微信在视频过程中退出界面,就会以小窗口的形式来显示视频。在这里,我先以MediaPlay和SurfaceView播放一个网络视频来模拟一下效果。实现起来与上面的图片播放器基本相同,只是改变了控件和相应的播放逻辑。
  布局文件类似上面的图片播放器,只是把ImageView替换成了SurfaceView。
  创建悬浮窗控件。

(FloatingService.java)

private void showFloatingWindow() {
 ...
 MediaPlayer mediaPlayer = new MediaPlayer();
 mediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
 SurfaceView surfaceView = displayView.findViewById(R.id.video_display_surfaceview);
 final SurfaceHolder surfaceHolder = surfaceView.getHolder();
 surfaceHolder.addCallback(new SurfaceHolder.Callback() {
 @Override
 public void surfaceCreated(SurfaceHolder holder) {
  mediaPlayer.setDisplay(surfaceHolder);
 }
 ...
 );
 mediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
 @Override
 public void onPrepared(MediaPlayer mp) {
  mediaPlayer.start();
 }
 });
 try {
 mediaPlayer.setDataSource(this, Uri.parse("https://raw.githubusercontent.com/dongzhong/ImageAndVideoStore/master/Bruno%20Mars%20-%20Treasure.mp4"));
 mediaPlayer.prepareAsync();
 }
 catch (IOException e) {
 Toast.makeText(this, "无法打开视频源", Toast.LENGTH_LONG).show();
 }
 windowManager.addView(displayView, layoutParams);
}

  好啦,下面就来一曲火星哥骚气的《Treasure》吧。

 

4. 总结

  以上就是Android悬浮窗的实现方式,以及一些小小的简单应用。

  可以总结为以下几个步骤:

1. 声明及申请权限
    2. 构建悬浮窗需要的控件
    3. 将控件添加到`WindowManager`
    4. 必要时更新`WindowManager`的布局

  需要注意的容易掉的坑就是 LayoutParams.type的版本适配问题。

  Demo源码地址:https://github.com/dongzhong/TestForFloatingWindow

以上所述是小编给大家介绍的Android悬浮窗的实现,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

(0)

相关推荐

  • Android利用WindowManager实现悬浮窗

    前言 你会发现QQ视频的时候,就算手机回到主页,视频小模块依旧能悬浮在桌面上.还有当年很火的各种手机杀毒软件的桌面小助手,总能在呆在桌面.这种悬浮窗的操作就需要用到Window. 效果 gif图看着有点儿卡,其实实际上还是很流畅的. Window Window即窗口,是个抽象类,具体实现就是PhoneWindow,对就是那个装着DecorView的PhoneWindow. Window整体分三种类型:应用Window.子Window.系统Window. 应用Window:对应一个Activity

  • Android实现类似360,QQ管家那样的悬浮窗

    一.前言: 我手机从来不装这些东西,不过,有次看到同事的android手机上,有个QQ管家在桌面上浮着,同事拖动管家时,管家就变成一只鸟,桌面下方还有个弹弓,桌面顶部有只乌鸦,把管家也就是鸟拖动到弹弓那,然后,松手,鸟就飞出去.这个过程是动画过程,做的事,实际上是清楚内存. 二:原理: 其实,没什么原理,用到的就是WindowManager以及WindowManager.LayoutParams,对这个LayoutParams做文章,当设置为属性后,然后,创建一个View,将这个View添加到W

  • Android悬浮窗屏蔽悬浮窗外部所有的点击事件的实例代码

    Android可以在所有应用上方添加View,就是给WindowManager添加一个View,在创建的View的时候可以给这个View设置LayoutParams(android.view.WindowManager.LayoutParams.LayoutParams())属性,默认是屏蔽View区域以外的所有点击事件,即在显示View的时候,屏幕的其它区域都不可点击,包括菜单和返回键等. 当给LayoutParams设置合适的flag后,其它区域就可以响应点击了. 示例代码: /** * 创

  • Android应用内悬浮窗的实现方案示例

    1.悬浮窗的基本介绍 悬浮窗,大家应该也不陌生,凌驾于应用之上的一个小弹窗,实现上很简单,就是添加一个系统级别的窗口,Android中通过WindowManagerService( WMS)来管理所有的窗口,对于WMS来说,管你是Activity.Toast.Dialog,都不过是通过WindowManagerGlobal.addView()添加的一个个View. Android中的窗口分为三个级别: 1.1 应用窗口,比如Activity的窗口; 1.2 子窗口,依赖于父窗口,比如PopupW

  • Android 8.0如何完美适配全局dialog悬浮窗弹出

    前言 最近项目targetSdkVersion升级到了26,出现很多问题趟了很多坑,其中就包括本篇的需要解决的问题:全局dialog 不显示. 出现场景 有时候我们需要在App中弹dialog,但是却不知道依附的是哪个Activity,这个时候通常会启动一个service来依附,显示一个全局的dialog. Android 6.0出现的悬浮窗权限 为什么从6.0说起? 在Android6.0之后,使用悬浮窗功能需要申请开启悬浮窗权限,在API23以下版本编译,悬浮窗权限关闭的,但是没有权限限制,

  • Android实现类似qq微信消息悬浮窗通知功能

    实现方法:(需要开启悬浮窗通知权限.允许应用在其他应用上显示) 一.利用headsup 悬挂式Notification,他是5.0中新增的,也就是API中的Headsup的Notification,可以在不打断用户操作的时候,给用户通知 二.使用Window创建悬浮窗 当window属性设置为FLAGE_NOT_FOCUSABLE表示不需要获取焦点,也不需要接受各种输入事件,此标记会同时启用FLAGE_NOT_TOUCH_MODEL,最终事件会直接传递给下层具有焦点的Widow FLAGE_NO

  • 不依赖于Activity的Android全局悬浮窗的实现

    前言 当我们在手机上使用360安全卫士时,手机屏幕上时刻都会出现一个小浮动窗口,点击该浮动窗口可跳转到安全卫士的操作界面,而且该浮动窗口不受其他activity的覆盖影响仍然可见(多米音乐也有相关的和主界面交互的悬浮小窗口).那么这种不受Activity界面影响的悬浮窗口是怎么实现的呢? Android悬浮窗实现 实现基础 Android悬浮窗实现使用WindowManager WindowManager介绍 通过Context.getSystemService(Context.WINDOW_S

  • android 添加随意拖动的桌面悬浮窗口

    用过新版本android 360手机助手都人都对 360中只在桌面显示一个小小悬浮窗口羡慕不已吧? 其实实现这种功能,主要有两步: 1.判断当前显示的是为桌面.这个内容我在前面的帖子里面已经有过介绍,如果还没看过的赶快稳步看一下哦. 2.使用windowManager往最顶层添加一个View .这个知识点就是为本文主要讲解的内容哦.在本文的讲解中,我们还会讲到下面的知识点: a.如果获取到状态栏的高度 b.悬浮窗口的拖动 c.悬浮窗口的点击事件 有开始之前,我们先来看一下效果图:  接下来我们来

  • Android 悬浮窗权限各机型各系统适配大全(总结)

    这篇博客主要介绍的是 Android 主流各种机型和各种版本的悬浮窗权限适配,但是由于碎片化的问题,所以在适配方面也无法做到完全的主流机型适配,这个需要大家的一起努力,这个博客的名字永远都是一个将来时. 悬浮窗适配 悬浮窗适配有两种方法:第一种是按照正规的流程,如果系统没有赋予 APP 弹出悬浮窗的权限,就先跳转到权限授权界面,等用户打开该权限之后,再去弹出悬浮窗,比如 QQ 等一些主流应用就是这么做得:第二种就是利用系统的漏洞,绕过权限的申请,简单粗暴,这种方法我不是特别建议,但是现在貌似有些

  • android编程实现悬浮窗体的方法

    本文实例讲述了android编程实现悬浮窗体的方法.分享给大家供大家参考,具体如下: 突然对悬浮窗体感兴趣,查资料做了个小Demo,效果是点击按钮后,关闭当前Activity,显示悬浮窗口,窗口可以拖动,双击后消失.效果图如下: 它的使用原理很简单,就是借用了WindowManager这个管理类来实现的. 1.首先在AndroidManifest.xml中添加使用权限: 复制代码 代码如下: <uses-permission android:name="android.permission

随机推荐