Flutter鼠标事件处理插件mouse_event的使用

Flutter鼠标事件处理插件mouse_event的使用

Flutter 插件用于在 Windows 上捕获鼠标事件，即使你在使用其他程序时也能捕获。

该插件使用 Windows 的 SetWindowsHookEx API。点击链接以获取更多详细信息。

WH_MOUSE_LL: 安装一个钩子过程来监控低级别的鼠标输入事件。有关更多信息，请参阅 LowLevelMouseProc 钩子过程。

开始使用

请参阅 示例代码。

// 开始监听
MouseEventPlugin.startListening((mouseEvent) {
});

// 停止监听
MouseEventPlugin.cancelListening();

示例代码

以下是完整的示例代码：

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

import 'package:flutter/services.dart';
import 'package:mouse_event/mouse_event.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知';
  final List<String> _err = [];
  final List<String> _event = [];
  int eventNum = 0;
  bool listenIsOn = false;

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，所以我们初始化在一个异步方法中。
  Future<void> initPlatformState() async {
    String? platformVersion;
    List<String> err = [];
    
    // 平台消息可能会失败，所以我们使用 try/catch PlatformException。
    try {
      platformVersion = await MouseEventPlugin.platformVersion;
    } on PlatformException {
      err.add('获取平台版本失败。');
    }
    
    // 如果窗口小部件从树中移除时异步平台消息仍在飞行，则我们希望丢弃回复而不是调用
    // setState 来更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      if (platformVersion != null) _platformVersion = platformVersion;
      if (err.isNotEmpty) _err.addAll(err);
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: LayoutBuilder(
          builder: (BuildContext context, BoxConstraints viewportConstraints) {
            return SingleChildScrollView(
              child: Row(
                children: [
                  const SizedBox(
                    width: 20,
                  ),
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text('运行于: $_platformVersion'),
                      Row(
                        children: [
                          const Text('点击按钮切换鼠标监听: '),
                          Switch(
                            value: listenIsOn,
                            onChanged: (bool newValue) {
                              setState(() {
                                listenIsOn = newValue;
                                if (listenIsOn == true) {
                                  // 开始监听鼠标事件
                                  MouseEventPlugin.startListening((mouseEvent) {
                                    setState(() {
                                      eventNum++;
                                      _event.add(mouseEvent.toString());
                                      if (_event.length > 20) {
                                        _event.removeAt(0);
                                      }
                                      debugPrint(mouseEvent.toString());
                                    });
                                  });
                                } else {
                                  // 停止监听鼠标事件
                                  MouseEventPlugin.cancelListening();
                                }
                              });
                            },
                          ),
                        ],
                      ),
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              ElevatedButton.icon(
                                onPressed: () {
                                  setState(() => _event.clear());
                                },
                                icon: const Icon(Icons.delete),
                                label: const Text('清除'),
                              ),
                              Text(
                                _event.join('\n'),
                                overflow: TextOverflow.ellipsis,
                                maxLines: 20,
                              ),
                            ],
                          ),
                        ],
                      ),
                      const SizedBox(
                        height: 20,
                      ),
                    ],
                  ),
                ],
              ),
            );
          },
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            initPlatformState();
          },
        ),
      ),
    );
  }
}