Flutter悬浮窗功能插件overlaywindow的使用

本项目是一个用于展示如何在Flutter中使用overlaywindow插件来实现悬浮窗功能的新项目。

开始使用

要开始使用overlaywindow插件，你需要先确保你的Flutter环境已经配置好。你可以通过访问Flutter官方文档来获取更多关于Flutter开发的帮助，包括教程、示例、移动开发指南和完整的API参考。

示例代码

以下是使用overlaywindow插件的基本示例代码：

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:overlaywindow/overlaywindow.dart';
import 'package:overlaywindow_example/overlay_main.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const MyApp());
}

@pragma("vm:entry-point")
void overlayMain() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(
    const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: OverlayMain(),
    ),
  );
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';
  bool _isPermissionThere = false;
  final _overlaywindowPlugin = OverlayWindow();

  @override
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，因此我们在异步方法中初始化。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败，所以我们使用try/catch处理PlatformException。
    // 我们还处理了消息可能返回null的情况。
    try {
      platformVersion = await _overlaywindowPlugin.getPlatformVersion() ??
          'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    // 如果在异步平台消息还在进行时，小部件从树中移除，我们希望丢弃回复而不是调用setState来更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Column(
          children: [
            Text('运行在: $_platformVersion\n'),
            TextButton(
                onPressed: () {
                  _overlaywindowPlugin.checkOverlayPermission().then((value) {
                    setState(() {
                      _isPermissionThere = value ?? false;
                    });
                  });
                },
                child: Text("检查权限 + $_isPermissionThere")),
            TextButton(
                onPressed: () {
                  _overlaywindowPlugin.requestPermission();
                },
                child: Text("请求权限")),
            TextButton(
                onPressed: () {
                  _overlaywindowPlugin.showOverlay();
                },
                child: Text("显示悬浮窗")),
            TextButton(
                onPressed: () {
                  _overlaywindowPlugin.closeOverlay();
                },
                child: Text("关闭悬浮窗"))
          ],
        ),
      ),
    );
  }
}

功能说明

• 检查权限：点击按钮可以检查当前是否具有悬浮窗权限。
• 请求权限：点击按钮可以请求悬浮窗权限。
• 显示悬浮窗：点击按钮可以在屏幕上显示一个悬浮窗。
• 关闭悬浮窗：点击按钮可以关闭已显示的悬浮窗。

以上就是使用overlaywindow插件实现悬浮窗功能的基本步骤和示例代码。希望对你有所帮助！