Início / coding / Perguntas / 79588514
Accepted
user2962393
Asked: 2025-04-23 19:32:16 +0800 CST

Obtenha o par de clique único (coluna, linha) da tabela SwiftUI no macOS

  • 772

Quando o usuário clica uma vez em uma SwiftUI Tableno macOS, gostaria de saber o par (coluna, linha) clicado, ou ponto. Adicionei onTapGesture()um manipulador ao Table, mas ele nunca é invocado. Como posso descobrir qual (coluna, linha) foi clicada?

Meu objetivo é implementar a seleção de células no meu modelo de visualização. Preciso ser capaz de determinar o par clicado (coluna, linha) para selecionar a célula correta no modelo de visualização.

Abaixo está o código de exemplo da Apple, ao qual adicionei o onTapGesture()manipulador ineficaz.

struct Person: Identifiable {
    let givenName: String
    let familyName: String
    let emailAddress: String
    let id = UUID()
}
struct PeopleTable: View {
    @State private var people = [
        Person(givenName: "Juan", familyName: "Chavez", emailAddress: "[email protected]"),
        Person(givenName: "Mei", familyName: "Chen", emailAddress: "[email protected]"),
        Person(givenName: "Tom", familyName: "Clark", emailAddress: "[email protected]"),
        Person(givenName: "Gita", familyName: "Kumar", emailAddress: "[email protected]")
    ]
    var body: some View {
        Table(people) {
            TableColumn("Given Name", value: \.givenName)
            TableColumn("Family Name", value: \.familyName)
            TableColumn("E-Mail Address", value: \.emailAddress)
        }
        .onTapGesture(perform: { p in
            print("clicked point \(p)")
        })
    }
}
#Preview {
    PeopleTable()
}
swiftui

1 respostas

  1. Best Answer

    Passe a Viewpara o TableColumns e adicione o gesto de toque a ele.

    Table(people) {
    TableColumn("Given Name") { person in
        Text(person.givenName)
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
            .contentShape(.rect)
            .onTapGesture {
                print("Clicked given name of \(person.id)")
            }
    }
    TableColumn("Family Name") { person in
        Text(person.familyName)
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
            .contentShape(.rect)
            .onTapGesture {
                print("Clicked family name of \(person.id)")
            }
    }
    TableColumn("E-Mail Address") { person in
        Text(person.emailAddress)
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
            .contentShape(.rect)
            .onTapGesture {
                print("Clicked email address of \(person.id)")
            }
    }
}

    Usei framee contentShapepara aumentar o número de toques possível. Sem eles, as partes vazias das células da tabela não são tocáveis.

    Se isso ainda não for satisfatório, recomendo encapsular um NSTableViewcom um NSViewRepresentable. Você definiria its actioncomo um método e, em seguida, acessaria clickedColumne clickedRownesse método.

    Aqui está uma demonstração simples:

    struct PeopleTableRepresentable: NSViewRepresentable {
    let people: [Person]
    let onClick: (Int, Int) -> Void
    
    static let givenNameCol = NSUserInterfaceItemIdentifier("givenName")
    static let familyNameCol = NSUserInterfaceItemIdentifier("familyName")
    static let emailAddressCol = NSUserInterfaceItemIdentifier("emailAddress")
    
    func makeNSView(context: Context) -> NSScrollView {
        let scrollView = NSScrollView()
        let tableView = NSTableView()
        scrollView.documentView = tableView
        scrollView.hasVerticalScroller = true
        scrollView.horizontalScrollElasticity = .none
        let givenNameCol = NSTableColumn(identifier: Self.givenNameCol)
        givenNameCol.title = "Given Name"
        tableView.addTableColumn(givenNameCol)
        let familyNameCol = NSTableColumn(identifier: Self.familyNameCol)
        familyNameCol.title = "Family Name"
        tableView.addTableColumn(familyNameCol)
        let emailAddressCol = NSTableColumn(identifier: Self.emailAddressCol)
        emailAddressCol.title = "Email Address"
        tableView.addTableColumn(emailAddressCol)
        tableView.delegate = context.coordinator
        tableView.dataSource = context.coordinator
        
        let contextMenu = NSMenu(title: "Context Menu")
        tableView.menu = contextMenu
        tableView.action = #selector(Coordinator.tableViewAction)
        tableView.target = context.coordinator
        context.coordinator.tableView = tableView
        return scrollView
    }
    
    func makeCoordinator() -> Coordinator {
        .init()
    }
    
    func updateNSView(_ nsView: NSScrollView, context: Context) {
        context.coordinator.people = people
        context.coordinator.onClick = onClick
        context.coordinator.tableView?.reloadData()
    }
    
    func sizeThatFits(_ proposal: ProposedViewSize, nsView: NSScrollView, context: Context) -> CGSize? {
        proposal.replacingUnspecifiedDimensions()
    }
    
    @MainActor
    class Coordinator: NSObject, NSTableViewDelegate, NSTableViewDataSource {
        var people: [Person] = []
        var onClick: ((Int, Int) -> Void)?
        weak var tableView: NSTableView?
        
        func numberOfRows(in tableView: NSTableView) -> Int {
            people.count
        }
        
        func tableView(_ tableView: NSTableView, shouldSelectRow row: Int) -> Bool {
            false
        }
        
        func tableView(_ tableView: NSTableView, viewFor tableColumn: NSTableColumn?, row: Int) -> NSView? {
            func stringValue() -> String {
                if tableColumn?.identifier == PeopleTableRepresentable.givenNameCol {
                    people[row].givenName
                } else if tableColumn?.identifier == PeopleTableRepresentable.familyNameCol {
                    people[row].familyName
                } else if tableColumn?.identifier == PeopleTableRepresentable.emailAddressCol {
                    people[row].emailAddress
                } else {
                    ""
                }
            }
            if let tableCell = tableView.makeView(withIdentifier: .init("itemCell"), owner: self) as? NSTableCellView,
               let textField = tableCell.textField {
                textField.stringValue = stringValue()
                return tableCell
            } else {
                let textField = NSTextField()
                textField.backgroundColor = NSColor.clear
                textField.translatesAutoresizingMaskIntoConstraints = false
                textField.isBordered = false
                textField.lineBreakMode = .byTruncatingTail
                
                // Create a cell
                let newCell = NSTableCellView()
                newCell.identifier = .init("itemCell")
                newCell.addSubview(textField)
                newCell.textField = textField
                
                NSLayoutConstraint.activate([
                    textField.centerYAnchor.constraint(equalTo: newCell.centerYAnchor),
                    textField.leftAnchor.constraint(equalTo: newCell.leftAnchor),
                    textField.rightAnchor.constraint(equalTo: newCell.rightAnchor),
                ])
                
                textField.stringValue = stringValue()
                textField.isEditable = false
                textField.maximumNumberOfLines = 1
                return newCell
            }
        }
        
        @objc func tableViewAction() {
            if let onClick, let tableView {
                onClick(tableView.clickedColumn, tableView.clickedRow)
            }
        }
    }
}

// ...

var body: some View {
    PeopleTableRepresentable(people: people) { col, row in
        print(col, row)
    }
}
    • 1

relate perguntas