macOS中SwiftUI Table上下文菜单如何判断点击列？

问题背景 #

在macOS的SwiftUI多列Table中（示例场景有31列），希望通过全局的contextMenu(forSelectionType:)统一设置右键菜单，同时需要根据点击的不同列展示对应菜单项，避免给每列重复添加ContextMenu。而AppKit的NSTableView可以轻松实现此需求，需要找到SwiftUI下的对应方案。

解决方案：通过NSTableView代理记录点击列 #

SwiftUI的Table底层基于NSTableView，我们可以通过获取NSTableView实例并设置代理，在代理方法中捕获右键点击的列信息，再在ContextMenu中使用该信息。

步骤1：创建状态管理对象

用于存储当前右键点击的列索引：

import SwiftUI
import AppKit

class TableContextMenuState: ObservableObject {
    @Published var clickedColumnIndex: Int? = nil
}

步骤2：实现NSTableView代理

自定义代理类，捕获右键菜单展示前的列信息：

class TableDelegate: NSObject, NSTableViewDelegate {
    weak var state: TableContextMenuState?
    
    func tableView(_ tableView: NSTableView, willShowContextMenu menu: NSMenu, forRow row: Int, column: Int) {
        state?.clickedColumnIndex = column
    }
}

步骤3：修改Table视图，绑定状态和代理

在SwiftUI的Table中，通过onAppear获取底层NSTableView实例，设置代理并关联状态：

struct Person: Identifiable {
    let givenName: String
    let familyName: String
    let emailAddress: String
    let id = UUID()

    var fullName: String { givenName + " " + familyName }
}

struct PeopleTable: View {
    @StateObject private var menuState = TableContextMenuState()
    private let tableDelegate = TableDelegate()
    
    @State private var people = [
        Person(givenName: "Juan", familyName: "Chavez", emailAddress: "juanchavez@icloud.com"),
        Person(givenName: "Mei", familyName: "Chen", emailAddress: "meichen@icloud.com"),
        Person(givenName: "Tom", familyName: "Clark", emailAddress: "tomclark@icloud.com"),
        Person(givenName: "Gita", familyName: "Kumar", emailAddress: "gitakumar@icloud.com")
    ]
    
    var body: some View {
        Table(people) {
            TableColumn("Given Name", value: \.givenName)
            TableColumn("Family Name", value: \.familyName)
            TableColumn("E-Mail Address", value: \.emailAddress)
        }
        .contextMenu(forSelectionType: Person.ID.self) { ids in
            if let columnIndex = menuState.clickedColumnIndex {
                // 根据列索引展示对应菜单项
                switch columnIndex {
                case 0:
                    Button("处理给定名称") {
                        // 对应业务逻辑
                    }
                case 1:
                    Button("处理姓氏") {
                        // 对应业务逻辑
                    }
                case 2:
                    Button("处理邮箱") {
                        // 对应业务逻辑
                    }
                default:
                    Button("默认操作") {}
                }
            }
        }
        .onAppear {
            // 获取当前窗口中的目标NSTableView实例
            if let tableView = NSApp.windows.first?.contentView?.subviews.compactMap({ $0 as? NSTableView }).first {
                tableDelegate.state = menuState
                tableView.delegate = tableDelegate
            }
        }
    }
}

补充说明 #

• 该方法利用AppKit原生代理回调tableView(_:willShowContextMenu:forRow:column:)，能准确获取右键点击的列索引，避免了给每列重复添加ContextMenu的冗余操作。
• 如果当前窗口存在多个NSTableView，需要调整获取tableView的逻辑，确保拿到目标Table对应的实例。
• 若需要根据列标识符而非索引判断，可以在定义TableColumn时设置identifier参数，然后在代理方法中通过tableView.tableColumns[column].identifier获取对应标识。

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