android compose 悬浮窗口

实现 Android Compose 悬浮窗口

简介

Android Compose 是一种全新的声明式 UI 开发工具，它可以帮助开发者更高效地构建用户界面。本文将教给你如何使用 Android Compose 实现悬浮窗口。首先，我们来了解一下整个实现流程。

实现流程

步骤	描述
步骤一	引入 Compose 库
步骤二	创建一个悬浮窗口服务
步骤三	添加悬浮窗口权限
步骤四	创建悬浮窗口布局
步骤五	在悬浮窗口服务中添加悬浮窗口视图
步骤六	启动悬浮窗口服务

详细步骤

步骤一：引入 Compose 库

首先，在你的项目中引入 Compose 库，确保你的项目中已经添加了以下依赖：

implementation 'androidx.compose.ui:ui:1.x.x'
implementation 'androidx.compose.material:material:1.x.x'
implementation 'androidx.compose.runtime:runtime:1.x.x'

步骤二：创建一个悬浮窗口服务

接下来，创建一个继承自 Service 的悬浮窗口服务类 FloatingWindowService：

class FloatingWindowService : Service() {
    // 实现悬浮窗口服务的相关逻辑
}

步骤三：添加悬浮窗口权限

在 AndroidManifest.xml 文件中添加悬浮窗口权限：

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

步骤四：创建悬浮窗口布局

创建一个简单的悬浮窗口布局，可以使用 Compose 来构建布局。例如，下面是一个简单的悬浮窗口布局：

@Composable
fun FloatingWindowLayout() {
    MaterialTheme {
        // 悬浮窗口布局内容
    }
}

步骤五：在悬浮窗口服务中添加悬浮窗口视图

在 FloatingWindowService 中添加悬浮窗口视图：

class FloatingWindowService : Service() {
    private lateinit var windowManager: WindowManager

    override fun onCreate() {
        super.onCreate()
        windowManager = getSystemService(Context.WINDOW_SERVICE) as WindowManager
        val layoutParams = WindowManager.LayoutParams(
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.WRAP_CONTENT
        )
        // 设置悬浮窗口的类型和相关属性
        layoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY
        layoutParams.format = PixelFormat.TRANSLUCENT
        layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE or
                WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL or
                WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH
        layoutParams.gravity = Gravity.START or Gravity.TOP
        layoutParams.x = 0
        layoutParams.y = 0

        val view = LayoutInflater.from(this).inflate(R.layout.floating_window_layout, null)
        // 设置悬浮窗口的布局
        windowManager.addView(view, layoutParams)
    }
}

步骤六：启动悬浮窗口服务

最后，在你的应用中启动悬浮窗口服务：

val floatingWindowIntent = Intent(context, FloatingWindowService::class.java)
ContextCompat.startForegroundService(context, floatingWindowIntent)

类图

classDiagram
    class FloatingWindowService
    class WindowManager
    class WindowManager.LayoutParams
    class LayoutInflater
    class MaterialTheme
    class Composable
    class Intent
    class ContextCompat
    
    FloatingWindowService <|-- WindowManager
    FloatingWindowService <|-- LayoutInflater
    FloatingWindowService <|-- Intent
    FloatingWindowService <|-- ContextCompat
    WindowManager <|-- WindowManager.LayoutParams
    MaterialTheme <|-- Composable

状态图

stateDiagram
    [*] --> 创建悬浮窗口服务
    创建悬浮窗口服务 --> 添加悬浮窗口权限
    添加悬浮窗口权限 --> 创建悬浮窗口布局
    创建悬浮窗口布局 --> 在悬浮窗口服务中添加悬浮窗口视图
    在悬