android 悬浮通知

原创

mob64ca12f3bbc7 2024-10-25 04:10:58 ©著作权

文章标签 悬浮窗口 ide Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12f3bbc7的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 悬浮通知的深度解析

在 Android 开发中，悬浮通知（Floating Notification）是一种独特的用户交互方式。与标准的通知不同，悬浮通知可以在用户屏幕的上层显示内容，并允许用户更直观地与应用程序交互。在这篇文章中，我们将详细探讨如何在 Android 应用中实现悬浮通知，并附上相关代码示例。

什么是悬浮通知？

悬浮通知是一种在用户界面上方显示的通知，通常以对话框或小浮动窗口的形式展现。悬浮通知允许用户在使用其他应用时也能接收信息，并与应用进行交互。

悬浮通知的用途

悬浮通知适用于多种场景，例如：

快速查看未读消息
实时更新信息（如社交媒体或股票）
具有重要提示的应用（如导航）

如何实现悬浮通知

要在 Android 中实现悬浮通知，我们需要以下步骤：

创建服务：通过一个前台服务来管理悬浮窗口。
实现悬浮窗口：通过使用 WindowManager 来创建和管理悬浮视图。
处理用户交互：在悬浮窗口中实现用户可交互的界面。

代码示例

下面是一个基本的悬浮通知实现示例。

1. 创建前台服务

public class FloatingNotificationService extends Service {
    
    private WindowManager windowManager;
    private View floatingView;

    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }

    @Override
    public void onCreate() {
        super.onCreate();

        windowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
        floatingView = LayoutInflater.from(this).inflate(R.layout.floating_notification, null);

        // 设置悬浮窗口参数
        int layoutFlag;
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            layoutFlag = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
        } else {
            layoutFlag = WindowManager.LayoutParams.TYPE_PHONE;
        }

        final WindowManager.LayoutParams params = new WindowManager.LayoutParams(
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.WRAP_CONTENT,
                layoutFlag,
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
                PixelFormat.TRANSLUCENT);

        // 设置悬浮窗口的位置
        params.gravity = Gravity.TOP | Gravity.LEFT;
        params.x = 0;
        params.y = 100;

        // 将视图添加到窗口中
        windowManager.addView(floatingView, params);

        // 设置拖动事件
        floatingView.setOnTouchListener(new View.OnTouchListener() {
            private int initialX;
            private int initialY;
            private float initialTouchX;
            private float initialTouchY;

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        initialX = params.x;
                        initialY = params.y;
                        initialTouchX = event.getRawX();
                        initialTouchY = event.getRawY();
                        return true;
                    case MotionEvent.ACTION_MOVE:
                        params.x = initialX + (int) (event.getRawX() - initialTouchX);
                        params.y = initialY + (int) (event.getRawY() - initialTouchY);
                        windowManager.updateViewLayout(floatingView, params);
                        return true;
                }
                return false;
            }
        });
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        if (floatingView != null) windowManager.removeView(floatingView);
    }
}

这段代码创建了一个前台服务，其中包括一个可以拖动的悬浮视图。我们使用 WindowManager 来配置悬浮窗口的参数、位置和交互。

2. 悬浮视图的布局

在 res/layout 文件夹中创建 floating_notification.xml 布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@color/colorPrimary">

    <TextView
        android:id="@+id/notification_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="悬浮通知内容"
        android:textColor="@android:color/white"
        android:padding="10dp" />

    <Button
        android:id="@+id/close_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="关闭"
        android:background="@android:color/holo_red_light"/>
</LinearLayout>

3. 添加关闭按钮

在服务的 onCreate() 方法中为按钮添加点击事件，以便用户可以关闭悬浮通知：

Button closeButton = floatingView.findViewById(R.id.close_button);
closeButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        stopSelf(); // 停止服务
    }
});

序列图

以下是悬浮通知的交互过程的序列图：

sequenceDiagram
    participant A as 用户
    participant B as 应用
    participant C as 服务

    A->>B: 打开应用
    B->>C: 启动FloatingNotificationService
    C->>C: 创建并显示悬浮通知
    A->>C: 拖动悬浮窗口
    A->>C: 点击关闭按钮
    C->>C: 停止服务并移除悬浮窗口