swift - 使用 SwiftUI 定义 macOS 窗口大小

Question

我正在使用 SwiftUI 开发新的 macOS 应用程序，但不知道如何定义窗口大小。在AppDelegate中，窗口大小定义如下:

// --- AppDelegate.swift ---

import Cocoa
import SwiftUI

@NSApplicationMain
class AppDelegate: NSObject, NSApplicationDelegate {

    var window: NSWindow!


    func applicationDidFinishLaunching(_ aNotification: Notification) {
        // Insert code here to initialize your application
        window = NSWindow(
            contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
            styleMask: [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView],
            backing: .buffered, defer: false)
        window.center()
        window.setFrameAutosaveName("Main Window")

        window.contentView = NSHostingView(rootView: ContentView())

        window.makeKeyAndOrderFront(nil)
    }
}

ContentView 定义如下:

// --- ContentView.swift ---

import SwiftUI

struct ContentView : View {
    var body: some View {
        VStack {
            Spacer()
            Text("Top Text")
            Spacer()
            Text("Bottom Text")
            Spacer()
        }
    }
}

当我构建并运行应用程序时，窗口出现但大小不正确。它显示为两个文本标签的大小，这不是 AppDelegate 中定义的 480x300 大小。

在使用 SwiftUI 时，我应该如何定义 Mac 应用程序的窗口大小？

Answer 1

有时，这种行为会令人困惑。这是因为一旦您至少运行一次您的应用程序，如果您随后手动调整窗口大小和位置，委托(delegate)中指定的大小将不再重要。

应用程序会记住用户何时调整了窗口大小，并将使用存储在 UserDefaults 中的信息，该信息位于 "NSWindow Frame Main Window"键下。如果您想重置它，您需要使用 defaults 命令将其清除。

既然已经不碍事了，你的窗口这么窄的原因如下:

在 SwiftUI 中，并不是所有的 View 都是一样的。例如:Text() 是谦虚的。它只会占用所需的空间。而其他 View ，例如 Spacer()，将根据其父级提供的数量进行扩展(我称它们为贪心)。

在您的例子中，您有一个 VStack，其中包含 Spacer()。这意味着 VStack 填充扩展以填充其父级提供的高度。在这种情况下，来自委托(delegate)的 300 pt(或存储在 UserDefaults 中的任何内容)。

另一方面，由于 HStack 中没有任何 Spacer()，ContentView 只会水平扩展到它需要的位置。也就是说，与最宽的 Text() View 一样宽。如果您在 VStack 中添加 HStack { Spacer() }，您的内容 View 将扩展以占据委托(delegate)中指定的 480 pt(或UserDefaults 中存储的任何内容)。无需设置 frame()。

另一种方法(为 ContentView 指定一个框架)基本上是告诉您的 ContentView 为 480x300，无论如何。事实上，如果这样做，您将无法调整窗口大小!

所以现在你知道了，我认为这很清楚......但是，这里有一些对你非常有用的东西:

还有另一个贪心 View 可以帮助您调试窗口大小:GeometryReader。这种观点总是有多少就有多少。运行此示例，您将确切知道在应用启动时提供了多少空间:

struct ContentView : View {
    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("\(geometry.size.width) x \(geometry.size.height)")
            }.frame(width: geometry.size.width, height: geometry.size.height)
        }
    }
}

我写了一篇关于GeometryReader 的广泛文章，我建议您查看:https://swiftui-lab.com/geometryreader-to-the-rescue/

顺便说一句，我的 AppDelegate 看起来像这样:

func applicationDidFinishLaunching(_ aNotification: Notification) {
    // Insert code here to initialize your application
    window = NSWindow(
        contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
        styleMask: [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView],
        backing: .buffered, defer: false)
    window.center()
    window.setFrameAutosaveName("Main Window")
    window.contentView = NSHostingView(rootView: ContentView())
    window.makeKeyAndOrderFront(nil)
}

更新(macOS Catalina - Beta 3)

从 Beta3 开始，新项目的初始 ContentView 使用 maxWidth 和 maxHeight。一个聪明的选择。

struct ContentView : View {
    var body: some View {
        Text("Hello World")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}