将多个自定义 UITableViewCell 链接到单个 xib

Question

问题

我正在创建一个可重用的自定义 UITableViewCell，然后将其子类化以供重用。如何将这些不同的子类设置为链接到同一个 xib 文件？

背景

让我们调用我的自定义 UITableViewCell PickerTableViewCell。这个单元格包括一个UIPickerView，以及关于选择器视图的外观和行为的所有实现。当我想使用这个单元格时，我唯一需要给它的是选择器视图的数据。所以我继承PickerTableViewCell，然后简单地创建我需要的数据源并将其分配给选择器视图。到目前为止，这一切都运作良好。

这里是PickerTableViewCell的相关部分：

class PickerTableViewCell: UITableViewCell {

    var picker: UIPickerView! = UIPickerView()
    var pickerDataSource: PickerViewDataSource!

    override func awakeFromNib() {
        super.awakeFromNib()

        self.picker = UIPickerView(frame: CGRect(x: 0, y: 40, width: 0, height: 0))
        self.picker.delegate = self

        self.assignPickerDataSource()
    }

    // Must be overriden by child classes

    func assignPickerDataSource() {
        fatalError("Must Override")
    }

这是一个子类的例子：

class LocationPickerTableViewCell: PickerTableViewCell {

    override func assignPickerDataSource() {
        self.pickerDataSource = LocationPickerDataSource()
        self.picker.dataSource = self.pickerDataSource
    }
}

问题

由于我在各处使用这些单元格，并使用不同的数据源，我创建了一个 xib 文件，该文件定义了单元格的外观，称为 PickerTableViewCell.xib，并将其分配给类 PickerTableViewCell。在我想使用它的视图控制器中，我将单元格注册到viewDidLoad() 中的表格视图。然后，在func tableView(_:, cellForRowAt) 中，我将我想要的子类出列，如下所示：

let cell = tableView.dequeueReusableCell(withIdentifier: "reuseIdentifier") as! LocationPickerTableViewCell
return cell

这就是问题发生的地方。创建的单元格是PickerTableViewCell，而不是它的子类LocationPickerTableViewCell。这遇到了我放置在被子类覆盖的父类中的致命错误。

我发现解决此问题的唯一方法是为我要创建的每个子类创建一个单独的 xib 文件，并将其分配给相关的子类。虽然这个解决方案确实有效，但在我的项目中拥有所有这些实际上相同的 xib 文件（除了它们被分配到哪个类）感觉不对。

有没有办法可以克服这个问题，让所有这些单元格链接到同一个 xib 文件？

谢谢！ :)

Answer 1

将 xib 加载的视图添加到您要在其中使用它的 UITableViewCell 类。

1. 根据您的要求设计创建您的 xib，在您的示例中为 PickerTableViewCell.xib

2. 创建要在其中使用该视图的UITableViewCell 子类。我为此使用FirstTableViewCell & SecondTableViewCell。

在表格单元格的构造函数中加载xib并将其添加到表格单元格中。

let nib = Bundle.main.loadNibNamed("PickerTableViewCell", owner: nil, options: nil)
        if let view = nib?.first as? UIView{
            self.addSubview(view)
        } 

如果 xib 有任何 @IBOutlet 则通过 viewWithTag 函数获取它们并分配给类变量

if let label = self.viewWithTag(1) as? UILabel{
            self.label = label
        }

overridereuseIdentifier每个tableviewCell子类不同名字的var

override var reuseIdentifier: String?{
    return "FirstTableViewCell"
}

现在您可以在需要的地方使用这些类，使用以下步骤：

用 xib 用 tableview 注册这个 tableviewCell 子类：

tableView.register(FirstTableViewCell.self, forCellReuseIdentifier:"PickerTableViewCell")

现在在cellForRowAt indexPath 方法中使用它。

var cell = tableView.dequeueReusableCell(withIdentifier: "FirstTableViewCell", for: indexPath) as? FirstTableViewCell
if cell == nil {
    cell = FirstTableViewCell()
}
cell?.label?.text = "FirstTableViewCell"

Answer 2

不要使用子类化来分配不同的数据源。

方法一：在tableView(_:cellForRowAt:)中赋值pickerDataSource

在表格视图控制器中，需要分配pickerDataSource

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "reuseIdentifier") as! PickerTableViewCell
    cell.pickerDataSource = LocationPickerDataSource()

    return cell
}

使用didSet 处理分配pickerDataSource 后所需的额外工作。

class PickerTableViewCell: UITableViewCell {

    var picker: UIPickerView! = UIPickerView()
    var pickerDataSource: PickerViewDataSource! {
        didSet {
            self.picker.dataSource = self.pickerDataSource
        }
    }

    …
}

方法 2：以所有需要的方式扩展 PickerTableViewCell。

这里不是子类化，而是将所需的逻辑添加到一个唯一命名的设置方法中，每个设置方法都定义在自己的扩展中。

extension PickerTableViewCell {

    func setupLocationPickerDataSource() {
        self.pickerDataSource = LocationPickerDataSource()
        self.picker.dataSource = self.pickerDataSource
    }

}

然后在tableView(_:cellForRowAt:)

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "reuseIdentifier") as! PickerTableViewCell
    cell.setupLocationPickerDataSource()

    return cell
}