android studio 悬浮框

原创

mob64ca12d8821d 2024-09-03 06:35:37 ©著作权

文章标签 悬浮窗 android 悬浮框 文章分类 Android 移动开发

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

如何在Android Studio中实现悬浮框

在Android开发中，悬浮框是一种非常实用的功能，它允许应用在其他应用上方显示内容。本文将详细介绍如何在Android Studio中实现悬浮框的功能。我们将通过步骤、代码示例和流程图的形式来逐步完成。

实现步骤

在开始之前，我们先列出实现悬浮框的流程：

步骤	描述
步骤1	创建新项目并添加权限
步骤2	创建悬浮服务类
步骤3	在服务中配置悬浮窗布局
步骤4	实现悬浮框的拖动功能
步骤5	启动服务
步骤6	运行应用并测试

下面是对应的流程图：

flowchart TD
    A[创建新项目] --> B[添加权限]
    B --> C[创建悬浮服务类]
    C --> D[配置悬浮窗布局]
    D --> E[实现悬浮框拖动功能]
    E --> F[启动服务]
    F --> G[运行应用]

步骤详解

步骤1：创建新项目并添加权限

打开Android Studio，选择“新建项目”。
选择“Empty Activity”，然后命名项目。
在AndroidManifest.xml中添加悬浮窗所需的权限：

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

步骤2：创建悬浮服务类

为了实现悬浮框，我们需要创建一个服务类来处理悬浮窗的逻辑。在项目的java文件夹中，创建一个名为FloatingViewService的类。

import android.app.Service;
import android.content.Intent;
import android.graphics.PixelFormat;
import android.os.IBinder;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;

public class FloatingViewService 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);

        // 创建悬浮窗的布局
        LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
        floatingView = inflater.inflate(R.layout.layout_floating_view, null);

        // 设置悬浮窗的参数
        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
        );
        params.gravity = Gravity.TOP | Gravity.LEFT;
        params.x = 0; // x坐标
        params.y = 100; // y坐标

        // 添加悬浮窗
        windowManager.addView(floatingView, params);
    }

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

代码解释：

WindowManager用于管理窗口。
LayoutInflater用于创建悬浮窗的布局。
WindowManager.LayoutParams用于设置悬浮窗的大小、类型、位置等。

步骤3：在服务中配置悬浮窗布局

在res/layout文件夹下创建一个名为layout_floating_view.xml的布局文件，设计悬浮框内容。

<LinearLayout xmlns:android="
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/holo_blue_light"
    android:padding="8dp">

    <TextView
        android:id="@+id/floatingText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="悬浮框测试"
        android:textColor="@android:color/white" />
</LinearLayout>

步骤4：实现悬浮框的拖动功能

在FloatingViewService中添加拖动功能：

@Override
public void onCreate() {
    // ...（之前的代码）

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

代码解释：

使用MotionEvent捕捉悬浮框的位置变化，更新WindowManager的参数。

步骤5：启动服务

在MainActivity中启动悬浮框服务：

import android.content.Intent;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        // 启动悬浮服务
        Intent serviceIntent = new Intent(this, FloatingViewService.class);
        startService(serviceIntent);
    }
}