Android 摄像头预览悬浮窗，可拖动，可显示在其他app上方

RustFisher

已于 2022-08-11 16:56:37 修改

阅读量3.4k

点赞数 1

分类专栏： Android-101 文章标签： android kotlin

于 2022-01-07 10:26:22 首次发布

本文链接：https://blog.csdn.net/liufish992/article/details/122359083

版权

本文介绍如何结合CameraX和悬浮窗技术，创建一个可显示在其他app上方、可拖动的摄像头预览悬浮窗。内容包括引入依赖、权限设置、悬浮窗布局和服务实现，以及运行测试的情况。

摘要由CSDN通过智能技术生成

市面上常见的摄像头悬浮窗，如微信、手机QQ的视频通话功能，有如下特点：

整屏页面能切换到一个小的悬浮窗
悬浮窗能运行在其他app上方
悬浮窗能跳回整屏页面，并且悬浮窗消失

我们探讨过用CameraX打开摄像头预览，结合可改变大小和浮动的activity，实现了应用内摄像头预览悬浮Activity。这个悬浮Activity是在应用内使用的。要让悬浮窗在其他app上，需要结合悬浮窗 System Alert Window。

本文用CameraX实现摄像头预览悬浮窗，能显示在其他app上方，可拖动，可跳回activity。
请添加图片描述

这个例子的相关代码放进了单独的模块。使用时注意gradle里的细微差别。

引入依赖

模块gradle的一些配置，使用的Android SDK版本为31，启用databinding

plugins {
   
    id 'com.android.library'
    id 'kotlin-android'
    id 'kotlin-android-extensions'
    id 'kotlin-kapt'
}

android {
   
    compileSdk 31

    defaultConfig {
   
        minSdk 21
        targetSdk 31
        versionCode 1
        versionName "1.0"

        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
        consumerProguardFiles "consumer-rules.pro"
    }
    dataBinding {
   
        enabled = true
    }
    buildTypes {
   
        release {
   
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
    compileOptions {
   
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

dependencies {
   
    implementation 'androidx.appcompat:appcompat:1.4.0'
    implementation 'com.google.android.material:material:1.4.0'
    implementation project(path: ':baselib')
    testImplementation 'junit:junit:4.+'
    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'

    implementation "androidx.camera:camera-core:1.1.0-alpha11"
    implementation "androidx.camera:camera-camera2:1.1.0-alpha11"
    implementation "androidx.camera:camera-lifecycle:1.1.0-alpha11"
    implementation "androidx.camera:camera-view:1.0.0-alpha31"
    implementation "androidx.camera:camera-extensions:1.0.0-alpha31"
}

引入CameraX依赖（CameraX 核心库是用camera2实现的），目前主要用1.1.0-alpha11版本

权限

manifest中申请权限

<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera.any" />

<!-- 悬浮窗的权限 -->
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />

动态申请相机权限 Manifest.permission.CAMERA

private static final int REQ_CAMERA = 2;

    if (PackageManager.PERMISSION_GRANTED != ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA)) {
   
        ActivityCompat.requestPermissions(this, new String[]{
   Manifest.permission.CAMERA}, REQ_CAMERA);
    }

后面需要MeFloatingCameraXAct与FloatingCameraXService配合使用。

manifest中注册Activity和Service

<activity
    android:name=".camera.MeFloatingCameraXAct"
    android:exported="true"
    android:launchMode="singleTop" />

<service android:name=".camera.FloatingCameraXService" />

MeFloatingCameraXAct

这个activity提供一个简单的摄像头预览界面，并且提供入口启动悬浮窗。

layout me_act_floating_preivew_x.xml

<?xml version="1.0" encoding="utf-8"?>
<layout>

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <androidx.camera.view.PreviewView
                android:id="@+id/previewView"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </FrameLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:gravity="center"
            android:orientation="vertical"
            android:padding="4dp">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <Button
                    android:id="@+id/start"
                    style="@style/NormalBtn"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="打开摄像头" />

                <Button
                    android:id="@+id/end"
                    style="@style/NormalBtn"
                    android:layout_width="wrap_content