flutter如何实现windows桌面小部件功能

想在Flutter中实现Windows桌面小部件功能，类似于Windows 11的小组件或桌面挂件，但查了很多资料发现Flutter主要支持移动端。请问有没有成熟的方案或插件可以实现这个功能？是否需要调用Windows原生API？如果能提供具体实现思路或代码示例就更好了。

2 回复

Flutter 可通过 window_manager 插件实现桌面小部件功能。使用 setSize 和 setPosition 调整窗口大小和位置，结合 alwaysOnTop 属性保持置顶显示。

更多关于flutter如何实现windows桌面小部件功能的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Flutter 实现 Windows 桌面小部件可通过以下方法：

1. 使用 bitsdojo_window 包

适合创建自定义窗口样式的桌面小部件。

步骤：

  1. 添加依赖：
dependencies:
  bitsdojo_window: ^0.1.1
  1. 基础实现：
import 'package:bitsdojo_window/bitsdojo_window.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
  doWhenWindowReady(() {
    final initialSize = Size(300, 200);
    appWindow.size = initialSize;
    appWindow.minSize = initialSize;
    appWindow.alignment = Alignment.topRight;
    appWindow.show();
  });
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: WindowBorder(
          color: Colors.grey,
          width: 1,
          child: YourWidgetContent(),
        ),
      ),
    );
  }
}

2. 系统托盘集成

使用 system_tray 和 window_manager 包：

dependencies:
  system_tray: ^1.1.0
  window_manager: ^2.3.1

import 'package:system_tray/system_tray.dart';

final SystemTray systemTray = SystemTray();

void initSystemTray() async {
  await systemTray.initSystemTray(
    iconPath: 'assets/icon.ico',
    toolTip: '我的小部件'
  );
  
  final Menu menu = Menu();
  await menu.buildFrom([
    MenuItemLabel(
      label: '显示/隐藏',
      onClicked: toggleWindowVisibility
    ),
    MenuSeparator(),
    MenuItemLabel(
      label: '退出',
      onClicked: appWindow.close
    )
  ]);
  
  await systemTray.setContextMenu(menu);
}

3. 关键配置要点

窗口属性设置：

  • 设置无边框：appWindow.size = Size(300, 200)
  • 保持最前：appWindow.alwaysOnTop = true
  • 点击穿透：可通过自定义 HitTest 实现

注意事项：

  • 需要配置 Windows 应用清单
  • 考虑内存占用和性能优化
  • 处理多显示器环境适配

这种方法可以创建类似桌面小工具的悬浮窗口应用。

回到顶部