当前位置：移动技术网 > 移动技术>移动开发>Android > Android悬浮窗的实现(易错点)

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

2020年03月09日 | 移动技术网移动技术 | 我要评论

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悬浮窗的实现,希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

react native初次实践踩坑记录（二）

使用rn的导航进行页面切换这个东西十分的坑，再官网中文网上，不知道为什么，基本对应不上，一通报错之后，便是一脸懵... [阅读全文]
Android 自带的返回键功能

两步实现 Android 自带返回功能和返回图片1. 在layout 中的布局的头部添加下面代码 <an... [阅读全文]
Activity的生命周期

为了更加生动的阐述 Activity 的生命周期，我们采用一个小例子来看看吧创建两个 Activity界面 A ... [阅读全文]
android 打包－－混淆配置详解

为了应用的安全，通常我们将Android项目打包时进行混淆加密。会用无意义的短变量去重命名类、变量、方法，以免代... [阅读全文]
LongClick原理、上下文菜单原理、EditText长按弹窗原理、WebView长按弹窗自定义、修复WebView全选重复bug ———————————————— 版权声明：本文为CSDN博主「

长按事件Android中按住一个View不松手，会触发长按事件。使用的场景1、EditText的长按快捷操作。2... [阅读全文]
ViewPager2，用起来！

一、缘起：ViewPager2推出已经有一段时间了，而且官方推出了稳定版本Version 1.0.0，相比Vie... [阅读全文]
CrashHandler全局异常捕获

应用在日常的开发中，我们经常需要去Logcat测试我们的App，但由于很多原因，Android Monitor会... [阅读全文]
JobScheduler 实现特定时间，特定条件（系统空闲，电池电量，磁盘空间 ……）下执行任务

JobScheduler 用法使用场景应用保活特定时间，特定条件（系统空闲，电池电量，磁盘空间 ……）下运行程序... [阅读全文]
为什么说国际站要做长尾词排名？

首先我们要明白一个点，长尾词越长，他就越精准，而且用的人少，当你一覆盖，你的产品就能在首页出现，这就是自然排名，... [阅读全文]
Android系统启动概览

1.Android启动概览。2.Art与Dalvik区别。. [阅读全文]