SwiftUI MenuBarExtra(.window样式) ScrollView布局高度异常问题求助

这是SwiftUI在macOS平台上的已知布局问题，以下是几个实用的解决思路：

方法1：直接控制NSWindow尺寸（最稳定） #

.window样式的MenuBarExtra本质是NSWindow实例，我们可以通过AppDelegate获取并固定窗口的最小/最大高度，彻底避免二次打开时的自动收缩：

1. 编写AppDelegate类，在应用启动后定位到MenuBarExtra窗口：

import SwiftUI

class AppDelegate: NSObject, NSApplicationDelegate {
    func applicationDidFinishLaunching(_ notification: Notification) {
        // 筛选出MenuBarExtra对应的非激活面板窗口
        if let menuBarWindow = NSApplication.shared.windows.first(where: {
            $0.styleMask.contains(.nonactivatingPanel)
        }) {
            // 设置窗口最小/最大尺寸，数值可根据需求调整
            menuBarWindow.minSize = NSSize(width: 300, height: 500)
            menuBarWindow.maxSize = NSSize(width: 300, height: 800)
            // 允许用户手动调整窗口高度（可选）
            menuBarWindow.styleMask.insert(.resizable)
        }
    }
}

2. 在App结构体中关联该Delegate：

@main
struct MenuBarApp: App {
    @NSApplicationDelegateAdaptor(AppDelegate.self) var appDelegate
    
    var body: some Scene {
        MenuBarExtra("", systemImage: "info") {
            ScrollView {
                VStack(alignment: .leading) {
                    ForEach(0..<100) {
                        Text("Row \($0)")
                    }
                }
                .padding()
            }
        }
        .menuBarExtraStyle(.window)
    }
}

方法2：给ScrollView设置固定最小高度 #

如果不想操作底层NSWindow，可以直接给ScrollView设置最小高度，确保窗口不会收缩到过小：

MenuBarExtra("", systemImage: "info") {
    ScrollView {
        VStack(alignment: .leading) {
            ForEach(0..<100) {
                Text("Row \($0)")
            }
        }
        .padding()
    }
    .frame(minHeight: 500, maxHeight: .infinity)
}
.menuBarExtraStyle(.window)

这个方法的局限性是窗口高度被限制在最小高度以上，无法完全自适应内容，但能快速解决收缩问题。

方法3：动态自适应内容高度（进阶） #

如果需要窗口高度随内容自动调整，同时避免二次收缩，可以通过PreferenceKey捕获内容高度，动态调整窗口尺寸：

1. 定义捕获高度的PreferenceKey：

struct ContentHeightPreferenceKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        value = max(value, nextValue())
    }
}

2. 在视图中添加高度监听并调整窗口：

MenuBarExtra("", systemImage: "info") {
    ScrollView {
        VStack(alignment: .leading) {
            ForEach(0..<100) {
                Text("Row \($0)")
            }
        }
        .padding()
        .background(
            GeometryReader { proxy in
                Color.clear.preference(
                    key: ContentHeightPreferenceKey.self,
                    value: proxy.size.height
                )
            }
        )
    }
    .onPreferenceChange(ContentHeightPreferenceKey.self) { height in
        if let window = NSApplication.shared.windows.first(where: {
            $0.styleMask.contains(.nonactivatingPanel)
        }) {
            // 预留滚动条和padding空间，限制最大高度避免窗口过大
            let targetHeight = min(height + 40, 800)
            window.setContentSize(NSSize(width: window.frame.width, height: targetHeight))
        }
    }
    .frame(minHeight: 300)
}
.menuBarExtraStyle(.window)

内容的提问来源于stack exchange，提问作者matryx87