彻底解决 Flutter Desktop macOS 窗口背景颜色和居中显示的设置难题

如何在 Flutter macOS 应用中设置窗口的背景颜色和大小，并使其居中显示

在开发 Flutter macOS 应用时，你可能会想要修改窗口的默认背景颜色、大小，以及启动时的位置。以下是如何在 AppDelegate.swift 文件中实现这些需求的教程。

步骤 1：打开 AppDelegate.swift 文件

你可以在你的 Flutter 项目的 macos/Runner 文件夹中找到 AppDelegate.swift 文件。这个文件是 macOS 版本的 Flutter 应用的入口点。

步骤 2：添加 applicationDidFinishLaunching 方法

在 AppDelegate 类中，你需要覆盖 applicationDidFinishLaunching 方法。这个方法会在应用启动并初始化完毕后被调用。

你可以使用以下的代码来实现窗口背景为白色，窗口大小为 800x600，并且窗口在屏幕中居中的效果：

override func applicationDidFinishLaunching(_ aNotification: Notification) {
    if let window = NSApplication.shared.windows.first {
        window.backgroundColor = NSColor.white
         // 将窗口大小设置为800x600
        window.setContentSize(NSMakeSize(800, 600)) 
        // 获取屏幕的边框
        let screenFrame = window.screen?.frame ?? NSRect.zero 
        //计算屏幕的中心点
        let centerX = (screenFrame.width - window.frame.width) / 2 
        let centerY = (screenFrame.height - window.frame.height) / 2
        //将窗口的原点设置为中心点
        window.setFrameOrigin(NSPoint(x: centerX, y: centerY)) 
    }
}

步骤 3：理解代码

让我们分解一下这段代码：

• 首先，我们尝试获取应用的主窗口。如果存在，我们将执行以下操作：

  • 设置窗口的背景颜色为白色。
  • 设置窗口的大小为 800x600。你可以根据你的需要修改这个值。
  • 获取窗口所在的屏幕的矩形。如果窗口没有在任何屏幕上（这在常规的桌面应用中是不太可能的），我们将使用一个零矩形作为屏幕的矩形。
  • 计算屏幕的中心点。我们通过计算屏幕的宽度和高度与窗口的宽度和高度的差值的一半来得到中心点的坐标。
  • 设置窗口的原点为计算出的中心点。这样，窗口就会出现在屏幕的中心位置。

现在，当你启动你的 Flutter macOS 应用时，你应该会看到一个白色背景、大小为 800x600，并且位于屏幕中心的窗口。