macOS下NSPopover中List背景无法透明的技术求助

要实现NSPopover的透明背景，需要从NSPopover配置、NSHostingController视图设置、SwiftUI视图背景三个层面调整，以下是具体修改步骤：

1. 调整NSPopover的基础配置 #

在AppDelegate的applicationDidFinishLaunching方法中，初始化popover时添加背景透明设置：

self.popover = NSPopover()
self.popover.contentSize = NSSize(width: 300, height: 300)
self.popover.behavior = .transient
self.popover.backgroundColor = .clear // 新增：设置popover背景透明

2. 配置NSHostingController的视图 #

修改hostingController的视图属性，关闭默认背景绘制并设置透明：

let hostingController = NSHostingController(rootView: ContentView())
hostingController.view.wantsLayer = true
hostingController.view.drawsBackground = false // 关闭默认背景绘制
hostingController.view.backgroundColor = .clear // 设置视图背景色透明
hostingController.view.layer?.backgroundColor = NSColor.clear.cgColor

3. 修正SwiftUI视图的背景设置 #

在ContentView中，确保根视图及List组件的背景都设为透明：

var body: some View {
    VStack {
        Spacer()
        
        List(responses, id: \.self) { response in
            Text(response)
                .background(Color.clear)
        }
        .listStyle(.plain)
        .scrollContentBackground(.hidden) // 隐藏List默认背景
        .background(Color.clear) // 设置List背景透明
        
        HStack {
            TextField("Search.", text: $search)
                .textFieldStyle(.roundedBorder)
            
            Button {
                performSearch()
            } label: {
                Image(systemName: "magnifyingglass.circle.fill")
                    .font(.title)
            }
            .buttonStyle(.borderless)
            .disabled(!isFormValid)
        }
    }
    .padding()
    .background(Color.clear) // 根视图背景设为透明
}

原理说明 #

• NSPopover默认带有不透明背景层，需显式设置backgroundColor = .clear移除
• NSView默认会绘制背景，通过drawsBackground = false关闭该行为，同时设置视图及layer的背景色为透明
• SwiftUI的List和根视图默认有白色背景，需通过scrollContentBackground(.hidden)隐藏List默认背景，并为所有层级视图设置background(Color.clear)

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