Flutter Windows 桌面：如何创建具有通信功能的双窗口

在 Flutter Windows 桌面中创建具有通信功能的双窗口

作为一名经验丰富的程序员和技术作家，我经常遇到需要解决的复杂问题。在最近的一个项目中，我面临着在 Flutter Windows 桌面中创建具有通信功能的双窗口的挑战。以下文章记录了我的解决方法，并提供深入的见解，以帮助你克服类似的挑战。

问题：创建具有独立引擎的双窗口

在 Flutter 中，我们需要创建一个单独的引擎来为每个窗口提供动力，使它们可以独立运行。这带来了一个挑战：如何指定辅助显示器上的不同 Widget 并建立窗口之间的通信。

解决方法：使用 PlatformChannel

为了解决此问题，我们使用了 flutter::PlatformChannel 类，它允许我们创建通信通道，以在窗口之间发送和接收事件。这使得我们可以将主显示器的事件传递到辅助显示器上，从而实现交互性和同步性。

分步指南：

1. 创建第二个窗口

使用 windows/runner/main.cpp 和 windows/runner/run_loop.cpp 文件创建一个第二个窗口。

2. 指定辅助显示器上的不同 Widget

在 lib/main.dart 中创建两个不同的 Widget，分别用于主显示器和辅助显示器，并修改 windows/runner/main.cpp 以指定第二个窗口的初始路由。

3. 创建窗口之间的通信

在 lib/main.dart 中注册一个通道和一个事件监听器，并在第二个窗口中使用 PlatformChannel 发送事件。

替代方案：

除了上述方法外，还有一些替代方案可供考虑：

• 使用 Windows Forms 或 C# 创建一个单独的应用程序来处理辅助显示器上的预览。
• 探索第三方库或插件，如 flutter_desktop_multi_window，以简化双窗口应用程序的创建。

结论

通过遵循这些步骤，你可以创建具有独立引擎且能够通信的双窗口 Flutter 应用程序。这为各种用例打开了可能性，例如 PowerPoint 演示者视图，在主显示器上显示应用程序，同时在辅助显示器上显示预览。

常见问题解答

1. 如何确保第二个窗口显示在辅助显示器上？

   • 通过使用 GLFW 函数 glfwGetMonitors 和 glfwGetPrimaryMonitor 来获取显示器列表并识别辅助显示器。

2. 如何处理窗口关闭事件？

   • 在 windows/runner/main.cpp 中，监视第二个窗口的 FlutterDesktopWindowState::kTerminated 状态，并在窗口关闭时执行必要的清理。

3. 可以使用 PlatformChannel 发送哪些类型的事件？

   • PlatformChannel 支持发送和接收 Map<String, dynamic> 类型的数据。

4. 如何处理跨窗口状态管理？

   • 考虑使用诸如 Redux 或 BLoC 等状态管理工具来在窗口之间同步状态。

5. 其他性能注意事项是什么？

   • 优化第二个窗口的渲染并使用异步操作来避免阻塞主线程。