首页 > 解决方案 > 使用委托和协议将数据从一个自定义 TableView 单元传递到另一个

问题描述

我正在尝试快速了解委托和协议,特别是如何在自定义表格视图单元格之间传递数据。

我已经建立了一个简单的项目,用三个类、一个 TableViewController 和两个使用 .xib 用于布局的自定义单元格进行测试:DateLabelCell 和 DatePickerCell。期望的结果是,当更改日期选择器时,它会使用新值更新日期标签单元格。

目前 DatePicker Cell 正在与 TableViewController 通信,但我似乎无法让 TableViewController 与 Datelabel Cell 通信。我认为这与 Datelabel Cell 没有正确引用 tableviewcontroller 有关吗?

非常感谢任何帮助或见解。

干杯,

表视图控制器

    import UIKit

protocol DateLabelDelegate: AnyObject {
    func setDateLabel(_ text: String)
}


class TableViewController: UITableViewController {

    weak var dateLabelDelegate: DateLabelDelegate?

    override func viewDidLoad() {
        super.viewDidLoad()

        tableViewSetup()

    }

     func tableViewSetup() {

        // Format tableView
        tableView.rowHeight = UITableView.automaticDimension
        tableView.estimatedRowHeight = 200
        tableView.tableFooterView = UIView(frame: CGRect.zero) // Removes Empty Cells
        tableView.separatorStyle = UITableViewCell.SeparatorStyle.none

        // Register Cells
        tableView.register(UINib(nibName: "DatePickerCell", bundle: nil), forCellReuseIdentifier: "DatePickerCell")
        tableView.register(UINib(nibName: "DateLabelCell", bundle: nil), forCellReuseIdentifier: "DateLabelCell")

        }


    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return 2
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        if indexPath.row == 0 {
             let cell = tableView.dequeueReusableCell(withIdentifier: "DateLabelCell", for: indexPath) as! DateLabelCell

             return cell
        } else {
              let cell = tableView.dequeueReusableCell(withIdentifier: "DatePickerCell", for: indexPath) as! DatePickerCell
                cell.dateDelegate = self
              return cell
        }
    }
}

extension TableViewController: DatePickerDelegate {
    func setDate(_ text: String) {
        print("WORKING: TableViewController: DatePickerDelegate")
        dateLabelDelegate?.setDateLabel(text)
    }


}

日期选择器单元格

import UIKit

protocol DatePickerDelegate: AnyObject {
    func setDate(_ text: String)
}

class DatePickerCell: UITableViewCell {

    weak var dateDelegate: DatePickerDelegate?

    @IBOutlet var datePicker: UIDatePicker!
    let formatter = DateFormatter()

        override func awakeFromNib() {
            super.awakeFromNib()
             formatter.dateFormat = "dd.MM.yyyy"
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }

    override func prepareForReuse() {
    }

    @IBAction func datePickerDidChange(_ sender: Any) {
        let result = formatter.string(from: datePicker.date)
        print("RESULT -> \(result)")
        dateDelegate?.setDate(result)
    }

}

日期标签单元格

import UIKit

class DateLabelCell: UITableViewCell {

    @IBOutlet var dateLabel: UILabel!

    let date = Date()
    let formatter = DateFormatter()
    let sendingTableVC = TableViewController()



    override func awakeFromNib() {
        super.awakeFromNib()

        sendingTableVC.dateLabelDelegate = self

        formatter.dateFormat = "dd.MM.yyyy"

        let result = formatter.string(from: date)
        dateLabel.text = "Date: \(result)"

    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

}

extension DateLabelCell: DateLabelDelegate {
    func setDateLabel(_ text: String) {
        print("DATE LABEL UPDATED")
        dateLabel.text = text
    }

}

标签: iosswiftuitableviewdelegatesswift-protocols

解决方案


更新 tableview/collectionviewcell 的正确方法是重新加载特定的单元格。并且您应该始终维护代表您的表格视图单元格的数据,因为您的单元格不是持久性和可重用的。您可以在创建单元格时使用该数据填充单元格的属性。

在您的情况下,日期是需要保留的数据。在这种情况下,您可以简单地将其作为控制器中的一个字段。

import UIKit

class DateLabelCell: UITableViewCell {

    @IBOutlet var dateLabel: UILabel!

    override func awakeFromNib() {
        super.awakeFromNib()
    }

    func setDate(_ text: String) {
        dateLabel.text = text
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }
}
class TableViewController: UITableViewController {
    var date: String = "Date"

    .......

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        if indexPath.row == 0 {
             let cell = tableView.dequeueReusableCell(withIdentifier: "DateLabelCell", for: indexPath) as! DateLabelCell
             cell.setDate(self.date)
             return cell
        } else {
              let cell = tableView.dequeueReusableCell(withIdentifier: "DatePickerCell", for: indexPath) as! DatePickerCell
                cell.dateDelegate = self
              return cell
        }
    }

}
extension TableViewController: DatePickerDelegate {
    func setDate(_ text: String) {
        self.date = text
        tableView.reloadRows(at: [IndexPath(item: 0, section: 0)], with: .automatic)
    }
}

推荐阅读