如何让MenuBarExtra窗口支持边缘拖拽调整大小？

可以实现拖拽调整窗口大小，但默认的.window样式MenuBarExtra没有自带这个交互，需要手动添加拖拽逻辑和尺寸绑定，以下是具体实现思路和示例：

• 添加拖拽识别区域：在窗口边缘（比如右下角、右侧、底部）添加透明的拖拽手柄视图，或者直接监听边缘的鼠标/触摸事件。建议优先用右下角的手柄，符合用户日常调整窗口的操作习惯。
• 绑定尺寸变量并处理拖拽更新：用@State或@AppStorage存储窗口宽高，拖拽时实时更新这些变量，从而同步调整窗口框架。
• 优化交互体验：限制窗口最小宽高避免过小、添加光标样式提示可拖拽行为，提升操作直观性。

示例代码（SwiftUI） #

struct ResizableMenuBarExtra: View {
    // 用AppStorage持久化窗口尺寸，重启后保留上次大小
    @AppStorage("menuWindowWidth") private var width: CGFloat = 320
    @AppStorage("menuWindowHeight") private var height: CGFloat = 450
    
    // 定义最小尺寸，防止窗口过小
    private let minWidth: CGFloat = 250
    private let minHeight: CGFloat = 300
    
    var body: some View {
        MenuBarExtra("My Menu", systemImage: "square") {
            // 这里放置你的菜单内容
            VStack(spacing: 16) {
                Text("可拖拽右下角调整窗口大小")
                // 其他菜单元素...
            }
            .padding()
        }
        .menuBarExtraStyle(.window)
        .frame(width: width, height: height)
        .overlay(alignment: .bottomTrailing) {
            // 右下角拖拽手柄
            Rectangle()
                .frame(width: 18, height: 18)
                .foregroundColor(.clear)
                .background(Color.secondary.opacity(0.2))
                .cornerRadius(4)
                .padding(8)
                .cursor(.resizeDownRight)
                .gesture(
                    DragGesture()
                        .onChanged { gesture in
                            width = max(minWidth, width + gesture.translation.width)
                            height = max(minHeight, height + gesture.translation.height)
                        }
                )
        }
    }
}

额外说明 #

如果需要支持全方位边缘拖拽（左、上、右、下），可以在对应边缘添加类似的拖拽视图，并分别处理宽度或高度的更新。另外，若要直接操作底层NSWindow，可通过NSApplication.shared.windows查找对应窗口，但这种方式依赖系统内部实现，稳定性不如SwiftUI状态绑定的方案。

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