实时计算TableView多行Total值并汇总至Balance文本框

嘿，我来帮你搞定这个实时汇总的问题！核心痛点其实是TableView的cell复用机制——屏幕外的cell会被系统回收复用，所以你没法直接遍历所有可见cell来拿数据，必须把数据模型和UI彻底分离，用数据源来驱动计算和汇总。下面是一步步的具体实现方案：

1. 创建数据模型类/结构体 #

先定义一个TimeEntry模型，用来存储每一行的rate、minutes和total，并且让它自动计算total，同时能通知外部数据变化：

struct TimeEntry {
    var rate: Double = 0.0 {
        didSet {
            calculateTotal()
            onUpdate?()
        }
    }
    var minutes: Double = 0.0 {
        didSet {
            calculateTotal()
            onUpdate?()
        }
    }
    var total: Double = 0.0
    // 用来通知ViewController数据更新的闭包
    var onUpdate: (() -> Void)?
    
    private mutating func calculateTotal() {
        total = (rate / 60) * minutes
    }
}

2. 维护全局数据源 #

在你的ViewController里，定义一个数组来保存所有行的数据——不管cell是否在屏幕上，数据都存在这里：

class YourViewController: UIViewController {
    @IBOutlet weak var tableView: UITableView!
    @IBOutlet weak var rupeesTextField: UITextField!
    
    // 初始化20个空的TimeEntry
    private var timeEntries: [TimeEntry] = Array(repeating: TimeEntry(), count: 20)
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 注册cell（如果没在storyboard里关联的话）
        tableView.register(YourTableViewCell.self, forCellReuseIdentifier: "YourCellID")
        tableView.dataSource = self
        
        // 给每个entry绑定更新回调，触发汇总计算
        for index in 0..<timeEntries.count {
            timeEntries[index].onUpdate = { [weak self] in
                self?.updateTotalBalance()
            }
        }
    }
}

3. 实现TableView数据源方法 #

确保cell正确绑定数据，并且处理输入框的编辑事件：

extension YourViewController: UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return timeEntries.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellID", for: indexPath) as! YourTableViewCell
        
        let entry = timeEntries[indexPath.row]
        // 给cell赋值当前数据
        cell.rateTextField.text = "\(entry.rate)"
        cell.minutesTextField.text = "\(entry.minutes)"
        cell.totalTextField.text = "\(entry.total)"
        
        // 绑定输入框的编辑事件，更新对应的数据模型
        cell.rateTextField.addTarget(self, action: #selector(rateChanged(_:for:)), for: .editingChanged)
        cell.minutesTextField.addTarget(self, action: #selector(minutesChanged(_:for:)), for: .editingChanged)
        
        // 给cell标记indexPath，方便找到对应的数据源
        cell.tag = indexPath.row
        
        return cell
    }
}

4. 处理输入框的变化事件 #

在ViewController里实现对应的方法，更新数据源里的rate和minutes：

extension YourViewController {
    @objc private func rateChanged(_ textField: UITextField, for event: UIEvent) {
        let row = textField.tag
        guard row < timeEntries.count else { return }
        let rate = Double(textField.text ?? "0") ?? 0.0
        // 注意：结构体是值类型，需要先取出修改再存回去
        var entry = timeEntries[row]
        entry.rate = rate
        timeEntries[row] = entry
    }
    
    @objc private func minutesChanged(_ textField: UITextField, for event: UIEvent) {
        let row = textField.tag
        guard row < timeEntries.count else { return }
        let minutes = Double(textField.text ?? "0") ?? 0.0
        var entry = timeEntries[row]
        entry.minutes = minutes
        timeEntries[row] = entry
    }
}

5. 实现汇总更新方法 #

遍历所有数据源的total值，计算总和后更新Rupees Text field：

extension YourViewController {
    private func updateTotalBalance() {
        let totalBalance = timeEntries.reduce(0.0) { $0 + $1.total }
        // 可以格式化显示，比如保留两位小数
        rupeesTextField.text = String(format: "%.2f", totalBalance)
    }
}

额外注意事项 #

• Cell复用问题：一定要在cellForRowAt里重新绑定数据和事件，避免复用导致的输入框数据错乱。
• 值类型 vs 引用类型：如果用结构体的话，修改属性时需要重新赋值回数组；如果用类的话，可以直接修改属性，不需要重新赋值，你可以根据自己的习惯调整。
• 输入验证：可以给文本框添加输入限制，只允许输入数字和小数点，避免非法输入导致的计算错误。

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