Android中怎么实现一个可移动的悬浮窗

发布时间：2021-06-26 14:42:35 作者：Leah
来源：亿速云阅读：315

Android中怎么实现一个可移动的悬浮窗

在Android开发中，悬浮窗（Floating Window）是一种常见的UI组件，它可以在应用界面之上显示，并且用户可以拖动它到屏幕的任意位置。悬浮窗通常用于显示一些重要的信息或提供快捷操作入口，比如系统级的悬浮球、视频播放器的悬浮窗口等。本文将详细介绍如何在Android中实现一个可移动的悬浮窗。

1. 悬浮窗的基本概念

1.1 什么是悬浮窗

悬浮窗是一种可以在应用界面之上显示的窗口，它不受应用Activity生命周期的限制，即使应用退到后台，悬浮窗仍然可以显示在屏幕上。悬浮窗通常用于显示一些重要的信息或提供快捷操作入口。

1.2 悬浮窗的应用场景

系统级悬浮球：比如一些手机厂商提供的悬浮球功能，用户可以通过悬浮球快速返回桌面、打开最近应用等。
视频播放器的悬浮窗口：比如一些视频播放器支持将视频窗口悬浮在屏幕上，用户可以在观看视频的同时进行其他操作。
快捷操作入口：比如一些应用提供的悬浮按钮，用户可以通过点击悬浮按钮快速打开某个功能。

2. 实现悬浮窗的基本步骤

要实现一个可移动的悬浮窗，通常需要以下几个步骤：

创建悬浮窗的布局：定义悬浮窗的UI布局，比如悬浮窗的大小、背景、内容等。
创建悬浮窗的WindowManager：通过WindowManager来管理悬浮窗的显示和隐藏。
设置悬浮窗的触摸事件：通过监听触摸事件来实现悬浮窗的拖动功能。
处理悬浮窗的权限问题：在Android 6.0及以上版本中，悬浮窗需要申请SYSTEM_ALERT_WINDOW权限。

接下来，我们将详细介绍每个步骤的实现方法。

3. 创建悬浮窗的布局

首先，我们需要定义一个悬浮窗的布局文件。悬浮窗的布局可以是一个简单的TextView，也可以是一个复杂的自定义布局。以下是一个简单的悬浮窗布局示例：

<!-- res/layout/floating_window.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/floating_window"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@drawable/floating_window_bg"
    android:padding="10dp">

    <TextView
        android:id="@+id/floating_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Floating Window"
        android:textSize="16sp"
        android:textColor="#FFFFFF" />

</LinearLayout>

在这个布局中，我们定义了一个LinearLayout作为悬浮窗的根布局，并在其中放置了一个TextView来显示文本内容。我们还为LinearLayout设置了一个背景@drawable/floating_window_bg，这个背景可以是一个圆角矩形或其他的形状。

4. 创建悬浮窗的WindowManager

在Android中，WindowManager是一个系统服务，用于管理窗口的显示和隐藏。我们可以通过WindowManager来添加、更新和移除悬浮窗。

4.1 获取WindowManager实例

首先，我们需要获取WindowManager的实例：

WindowManager windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);

4.2 创建WindowManager.LayoutParams

WindowManager.LayoutParams用于定义窗口的布局参数，比如窗口的大小、位置、类型等。以下是一个常见的WindowManager.LayoutParams配置：

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

width 和 height：设置窗口的宽度和高度，这里我们设置为WRAP_CONTENT，表示窗口的大小根据内容自适应。
type：设置窗口的类型，TYPE_APPLICATION_OVERLAY表示这是一个悬浮窗口，可以在其他应用之上显示。
flags：设置窗口的标志，FLAG_NOT_FOCUSABLE表示窗口不会获取焦点，用户点击窗口时不会影响其他应用的焦点。
format：设置窗口的像素格式，PixelFormat.TRANSLUCENT表示窗口的背景是透明的。

4.3 添加悬浮窗到WindowManager

接下来，我们需要将悬浮窗的布局添加到WindowManager中：

View floatingView = LayoutInflater.from(this).inflate(R.layout.floating_window, null);
windowManager.addView(floatingView, params);

在这个代码中，我们通过LayoutInflater将悬浮窗的布局文件floating_window.xml加载为一个View，然后通过windowManager.addView()方法将这个View添加到窗口中。

5. 设置悬浮窗的触摸事件

为了实现悬浮窗的拖动功能，我们需要监听悬浮窗的触摸事件，并根据用户的手势来更新悬浮窗的位置。

5.1 监听触摸事件

我们可以通过View.setOnTouchListener()方法来监听悬浮窗的触摸事件：

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;
    }
});

在这个代码中，我们首先在ACTION_DOWN事件中记录悬浮窗的初始位置和触摸点的初始坐标。然后在ACTION_MOVE事件中，根据触摸点的移动距离来计算悬浮窗的新位置，并通过windowManager.updateViewLayout()方法来更新悬浮窗的位置。

5.2 处理边界情况

在实际使用中，我们还需要处理一些边界情况，比如悬浮窗不能移出屏幕边界。我们可以在ACTION_MOVE事件中添加一些边界检查：

case MotionEvent.ACTION_MOVE:
    // 计算悬浮窗的新位置
    params.x = initialX + (int) (event.getRawX() - initialTouchX);
    params.y = initialY + (int) (event.getRawY() - initialTouchY);

    // 检查边界，防止悬浮窗移出屏幕
    if (params.x < 0) params.x = 0;
    if (params.y < 0) params.y = 0;
    if (params.x > screenWidth - floatingView.getWidth()) params.x = screenWidth - floatingView.getWidth();
    if (params.y > screenHeight - floatingView.getHeight()) params.y = screenHeight - floatingView.getHeight();

    // 更新悬浮窗的位置
    windowManager.updateViewLayout(floatingView, params);
    return true;

在这个代码中，我们通过screenWidth和screenHeight来获取屏幕的宽度和高度，并确保悬浮窗不会移出屏幕边界。

6. 处理悬浮窗的权限问题

在Android 6.0及以上版本中，悬浮窗需要申请SYSTEM_ALERT_WINDOW权限。如果没有这个权限，悬浮窗将无法显示。

6.1 申请权限

首先，我们需要在AndroidManifest.xml中声明SYSTEM_ALERT_WINDOW权限：

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

然后，在代码中检查是否已经获取了SYSTEM_ALERT_WINDOW权限，如果没有，则向用户申请权限：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
    if (!Settings.canDrawOverlays(this)) {
        Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION,
                Uri.parse("package:" + getPackageName()));
        startActivityForResult(intent, REQUEST_CODE);
    }
}

在这个代码中，我们通过Settings.canDrawOverlays()方法来检查是否已经获取了SYSTEM_ALERT_WINDOW权限。如果没有，则通过Settings.ACTION_MANAGE_OVERLAY_PERMISSION来打开权限设置页面，并请求用户授权。

6.2 处理权限申请结果

在用户处理完权限申请后，我们需要在onActivityResult()方法中处理权限申请的结果：

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (requestCode == REQUEST_CODE) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            if (Settings.canDrawOverlays(this)) {
                // 用户已经授权，可以显示悬浮窗
                showFloatingWindow();
            } else {
                // 用户未授权，提示用户需要权限
                Toast.makeText(this, "需要悬浮窗权限", Toast.LENGTH_SHORT).show();
            }
        }
    }
}

在这个代码中，我们再次检查是否已经获取了SYSTEM_ALERT_WINDOW权限。如果用户已经授权，则可以显示悬浮窗；如果用户未授权，则提示用户需要权限。

7. 完整代码示例

以下是一个完整的悬浮窗实现示例：

public class FloatingWindowService extends Service {

    private WindowManager windowManager;
    private View floatingView;
    private WindowManager.LayoutParams params;

    @Override
    public void onCreate() {
        super.onCreate();
        windowManager = (WindowManager) getSystemService(WINDOW_SERVICE);

        // 创建悬浮窗的布局
        floatingView = LayoutInflater.from(this).inflate(R.layout.floating_window, null);

        // 设置悬浮窗的布局参数
        params = new WindowManager.LayoutParams(
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
                PixelFormat.TRANSLUCENT);

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

        // 添加悬浮窗到WindowManager
        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);

                        // 检查边界，防止悬浮窗移出屏幕
                        if (params.x < 0) params.x = 0;
                        if (params.y < 0) params.y = 0;
                        if (params.x > screenWidth - floatingView.getWidth()) params.x = screenWidth - floatingView.getWidth();
                        if (params.y > screenHeight - floatingView.getHeight()) params.y = screenHeight - floatingView.getHeight();

                        // 更新悬浮窗的位置
                        windowManager.updateViewLayout(floatingView, params);
                        return true;
                }
                return false;
            }
        });
    }

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

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

在这个代码中，我们将悬浮窗的实现放在一个Service中，这样即使应用退到后台，悬浮窗仍然可以显示在屏幕上。在onCreate()方法中，我们创建了悬浮窗的布局，并通过WindowManager将其添加到窗口中。在onDestroy()方法中，我们移除了悬浮窗。

8. 总结

通过本文的介绍，我们了解了如何在Android中实现一个可移动的悬浮窗。我们首先定义了悬浮窗的布局，然后通过WindowManager来管理悬浮窗的显示和隐藏。接着，我们通过监听触摸事件来实现悬浮窗的拖动功能。最后，我们处理了悬浮窗的权限问题，确保在Android 6.0及以上版本中可以正常显示悬浮窗。

悬浮窗是一种非常实用的UI组件，可以在很多场景中提升用户体验。希望本文的介绍能够帮助你更好地理解和应用悬浮窗技术。

Android中怎么实现一个可移动的悬浮窗

Android中怎么实现一个可移动的悬浮窗

1. 悬浮窗的基本概念

1.1 什么是悬浮窗

1.2 悬浮窗的应用场景

2. 实现悬浮窗的基本步骤

3. 创建悬浮窗的布局

4. 创建悬浮窗的WindowManager

4.1 获取WindowManager实例

4.2 创建WindowManager.LayoutParams

4.3 添加悬浮窗到WindowManager

5. 设置悬浮窗的触摸事件

5.1 监听触摸事件

5.2 处理边界情况

6. 处理悬浮窗的权限问题

6.1 申请权限

6.2 处理权限申请结果

7. 完整代码示例

8. 总结

相关阅读