AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • 主页
  • 系统&网络
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / coding / 问题 / 79588514
Accepted
user2962393
user2962393
Asked: 2025-04-23 19:32:16 +0800 CST2025-04-23 19:32:16 +0800 CST 2025-04-23 19:32:16 +0800 CST

在 macOS 上获取 SwiftUI Table 单击(列,行)对

  • 772

当用户在 macOS 上单击 SwiftUI 时Table,我想知道被点击的是哪对(列,行),或者说是哪一点。我给 添加了onTapGesture()处理程序Table,但它从未被调用。我该如何确定被点击的是哪一列,哪一行?

我的目标是在视图模型中实现单元格选择。我需要能够确定点击的(列,行)对,以便在视图模型中选择正确的单元格。

下面是 Apple 示例代码,我在其中添加了无效onTapGesture()处理程序。

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 1 个回答
  • 25 Views

1 个回答

  • Voted
  1. Best Answer
    Sweeper
    2025-04-23T19:55:57+08:002025-04-23T19:55:57+08:00

    将 a 传递View给TableColumns,并将点击手势添加到其中。

    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)")
                }
        }
    }
    

    我已使用frame和contentShape来尽可能增加可点击区域。如果没有这些,表格单元格的空白部分将无法点击。

    如果这仍然不令人满意,我建议NSTableView用 包裹NSViewRepresentable。您可以将其设置action为一个方法,然后在该方法中访问clickedColumn和clickedRow。

    以下是一个简单的演示:

    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

相关问题

  • SwiftUI:如何创建颜色较浅的渐变?

  • SwiftUI - 带有“绑定”变量的通用视图

  • 创建日历日视图

  • 如何让 SwiftUI 的动画变慢

  • 不理解 SwiftUI 文本布局

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    重新格式化数字,在固定位置插入分隔符

    • 6 个回答
  • Marko Smith

    为什么 C++20 概念会导致循环约束错误,而老式的 SFINAE 不会?

    • 2 个回答
  • Marko Smith

    VScode 自动卸载扩展的问题(Material 主题)

    • 2 个回答
  • Marko Smith

    Vue 3:创建时出错“预期标识符但发现‘导入’”[重复]

    • 1 个回答
  • Marko Smith

    具有指定基础类型但没有枚举器的“枚举类”的用途是什么?

    • 1 个回答
  • Marko Smith

    如何修复未手动导入的模块的 MODULE_NOT_FOUND 错误?

    • 6 个回答
  • Marko Smith

    `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它?

    • 3 个回答
  • Marko Smith

    在 C++ 中,一个不执行任何操作的空程序需要 204KB 的堆,但在 C 中则不需要

    • 1 个回答
  • Marko Smith

    PowerBI 目前与 BigQuery 不兼容:Simba 驱动程序与 Windows 更新有关

    • 2 个回答
  • Marko Smith

    AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String”

    • 1 个回答
  • Martin Hope
    Fantastic Mr Fox msvc std::vector 实现中仅不接受可复制类型 2025-04-23 06:40:49 +0800 CST
  • Martin Hope
    Howard Hinnant 使用 chrono 查找下一个工作日 2025-04-21 08:30:25 +0800 CST
  • Martin Hope
    Fedor 构造函数的成员初始化程序可以包含另一个成员的初始化吗? 2025-04-15 01:01:44 +0800 CST
  • Martin Hope
    Petr Filipský 为什么 C++20 概念会导致循环约束错误,而老式的 SFINAE 不会? 2025-03-23 21:39:40 +0800 CST
  • Martin Hope
    Catskul C++20 是否进行了更改,允许从已知绑定数组“type(&)[N]”转换为未知绑定数组“type(&)[]”? 2025-03-04 06:57:53 +0800 CST
  • Martin Hope
    Stefan Pochmann 为什么 {2,3,10} 和 {x,3,10} (x=2) 的顺序不同? 2025-01-13 23:24:07 +0800 CST
  • Martin Hope
    Chad Feller 在 5.2 版中,bash 条件语句中的 [[ .. ]] 中的分号现在是可选的吗? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench 为什么双破折号 (--) 会导致此 MariaDB 子句评估为 true? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng 为什么 `dict(id=1, **{'id': 2})` 有时会引发 `KeyError: 'id'` 而不是 TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String” 2024-03-20 03:12:31 +0800 CST

热门标签

python javascript c++ c# java typescript sql reactjs html

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve