有偿咨询，uni-app安卓端如何实现桌面悬浮功能

发布于 1周前 作者 h691938207 来自 Uni-App

有偿咨询，uni-app安卓端如何实现桌面悬浮功能

需求描述

uni-app如何调用安卓端WindowManager，来实现桌面悬浮，或者其他方案。

我参考了如下几个问答，但是都没有成功实现

急需参考建议，成功后可有偿回报

具体业务需求为手机实现悬浮半透明界面，在使用手机其他软件时可以查看悬浮界面的提示，如：悬浮界面展示歌词，用户在用手机自带的录像中一边录像一边能查看歌词


Harmonyos Next教程
5 回复

同样支持插件开发，我们有偿回报，具体费用可以详谈，电话：13216672697 叶工


这个我能做， 加我Q : 1196097915~
https://ask.dcloud.net.cn/question/91948

https://github.com/zhangliangming/HappyPlayer5

我这里有做过悬浮窗展示歌词滚动效果的插件，联系qq：16792999

在uni-app中实现安卓端的桌面悬浮功能，需要结合原生插件进行开发，因为悬浮窗涉及到系统级别的权限和功能，这是H5或小程序无法直接实现的。下面是一个基本的思路和代码案例，用于指导你如何实现这一功能。

步骤一：创建uni-app项目

首先，确保你已经安装了HBuilderX并创建了一个uni-app项目。

步骤二：配置原生插件

uni-app支持通过manifest.json文件配置原生插件。你需要寻找一个已经实现了悬浮窗功能的原生插件，或者自己开发一个。

示例插件配置（manifest.json）

{
  "mp-weixin": {},
  "app-plus": {
    "distribute": {
      "plugins": {
        "myFloatWindow": {
          "version": "1.0.0",
          "provider": "your-plugin-provider",
          "description": "悬浮窗插件"
        }
      }
    }
  }
}

步骤三：开发原生插件（以Android为例）

  1. 创建插件项目：在Android Studio中创建一个新的Module作为uni-app的插件。

  2. 实现悬浮窗功能：

// MyFloatWindowService.java
public class MyFloatWindowService extends Service {

    private WindowManager windowManager;
    private View floatView;

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

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        windowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
        floatView = new FloatWindowView(this);

        WindowManager.LayoutParams params = new WindowManager.LayoutParams(
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.WRAP_CONTENT,
                Build.VERSION.SDK_INT >= Build.VERSION_CODES.O ?
                        WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY :
                        WindowManager.LayoutParams.TYPE_PHONE,
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
                PixelFormat.TRANSLUCENT);

        params.gravity = Gravity.TOP | Gravity.LEFT;
        params.x = 0;
        params.y = 100;

        windowManager.addView(floatView, params);

        return START_STICKY;
    }

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

步骤四：在uni-app中调用插件

在uni-app的JavaScript代码中，你可以通过plus.android.importClass等方法调用原生插件提供的功能。

const context = plus.android.runtimeMainActivity();
const FloatWindowService = plus.android.importClass('com.example.myfloatwindow.MyFloatWindowService');
const Intent = plus.android.importClass('android.content.Intent');
const serviceIntent = new Intent(context, FloatWindowService.class);
context.startService(serviceIntent);

注意

  • 上述代码是一个简单的示例，实际开发中需要考虑悬浮窗的权限申请（如SYSTEM_ALERT_WINDOW）、用户交互、生命周期管理等。
  • 插件开发需要熟悉Android原生开发，以及uni-app的插件机制。
  • 由于篇幅限制，这里只展示了核心代码，详细实现需要根据具体需求进行扩展。
回到顶部