如何在SwiftUI中实现Mac端NSWindow无边框无标题栏且可拖动

无边框NSWindow默认没有可拖动触发区域，仅设置isMovable = true无法实现拖动功能。要实现无边框、无标题栏且全屏可拖动的窗口，需为内容视图添加拖动逻辑，以下是两种可行方案：

方案一：自定义可拖动NSHostingView #

通过创建NSHostingView子类，重写mouseDownCanMoveWindow属性，让整个内容视图区域支持拖动：

import SwiftUI

// 自定义支持拖动的HostingView子类
class DraggableHostingView<Content: View>: NSHostingView<Content> {
    override var mouseDownCanMoveWindow: Bool {
        return true
    }
}

// 窗口初始化代码
let frame = NSScreen.main!.frame
window = NSWindow(
    contentRect: frame,
    styleMask: [.borderless],
    backing: .buffered,
    defer: false
)
window.makeKeyAndOrderFront(nil)
let contentView = ContentView()
// 使用自定义的DraggableHostingView替代默认实现
window.contentView = DraggableHostingView(rootView: contentView)

此方案无需修改SwiftUI视图代码，整个窗口内容区域均可触发拖动，适配全屏模式。

方案二：SwiftUI视图内添加拖动手势 #

若仅需视图中特定区域支持拖动，可通过DragGesture手动控制窗口位置：

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            // 示例：仅顶部蓝色区域可拖动
            Color.blue
                .frame(height: 40)
                .gesture(
                    DragGesture(minimumDistance: 0)
                        .onChanged { value in
                            guard let window = NSApplication.shared.keyWindow else { return }
                            // macOS坐标系Y轴向上，需反向处理偏移量
                            let newOrigin = NSPoint(
                                x: window.frame.origin.x + value.translation.width,
                                y: window.frame.origin.y - value.translation.height
                            )
                            window.setFrameOrigin(newOrigin)
                        }
                )
            Spacer()
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color.red)
    }
}

// 窗口初始化代码保持不变
let frame = NSScreen.main!.frame
window = NSWindow(
    contentRect: frame,
    styleMask: [.borderless],
    backing: .buffered,
    defer: false
)
window.makeKeyAndOrderFront(nil)
let contentView = ContentView()
window.contentView = NSHostingView(rootView: contentView)

这种方式灵活度更高，可指定任意区域作为拖动手柄，同样支持全屏模式操作。

关键注意点 #

• 确保窗口styleMask仅包含.borderless，避免自动显示标题栏
• 两种方案均无需额外设置window.isMovable，拖动逻辑已由自定义视图或手势处理

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