如何在 UITableViewCell 中重用 UIView 的 xib 子类

Question

所以我是一个新手，正在尝试一些可重用性。我有一个名为SingleButtonFooterView 的类，它是UIView 的子类，UI 是在.xib 中完成的。

现在我想在UITableViewCell 中使用它。我已经尝试了几乎所有可能的解决方案，但对我没有任何作用。

类代码：

class SingleButtonFooterView: UIView {

@IBOutlet weak var button: Button50!

override init(frame: CGRect) {
    super.init(frame: frame)
    commonInit()
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    commonInit()
}

private func commonInit(){
    let view = UINib(nibName: "SingleButtonFooterView", bundle: nil).instantiate(withOwner: self, options: nil).first as! UIView
    view.frame = self.bounds
    self.addSubview(view)
}

override func awakeFromNib() {
    super.awakeFromNib()
    button.backgroundColor = .clear
    button.layer.cornerRadius = 5
    button.layer.masksToBounds = true

    button.titleLabel?.font = UIFont.futura(with: .medium, size: 16)
    button.setTitleColor(.white, for: .normal)
    self.contentMode = .scaleAspectFit
    self.layer.masksToBounds = true
}
}

现在cellForRowAt:

let cellId = "SingleButtonFooterView"
            var cell = tableView.dequeueReusableCell(withIdentifier: cellId, for: indexPath)

            if cell == nil {
                cell = UITableViewCell(style: UITableViewCell.CellStyle.default, reuseIdentifier: cellId)
                let subView = SingleButtonFooterView(frame: cell.frame)

                cell.contentView.attachViewWithConstraints(subView)
                let _ = subView.viewLoadedFromNibAttached(name: cellId)
            }

            return cell

在我的 VC 课程的 viewDidLoad() 中。

tableView.register(UINib(nibName: "SingleButtonFooterView", bundle: nil), forCellReuseIdentifier: "SingleButtonFooterView")

简而言之 -> 我想在 UITableViewCell 中使用 UIView 类（使用界面生成器完成的 UI -> .xib）

Answer 1

如果我能建议你做点什么，那就“按部就班”去做吧。

创建一个自定义单元格和.xib。然后你可以用UIViews 做任何你想做的事（记住你可以创建你自己的类并通过在此处更改类将其放入xib：

将awakeFromNib 和Init 放在一个类中，这在某种程度上是一种代码异味，因为您使用.xib 或code 来创建视图。

请记住，从 VC 添加子视图总是有风险的，因为您需要注意回收，这意味着除非您处理这种情况，否则此子视图可能会保留并且不被需要。

记住prepareForReuse() 来处理细胞的回收。

Answer 2

这里有两个问题：

1) Bundle.main.loadNibNamed(name, owner: self, options: nil) in viewLoadedFromNibAttached （如果您使用与另一个问题完全相同的代码） 并且您在commonInit 中具有相同的笔尖负载。 你必须决定把它放在哪里，IMO你可以摆脱

    let subView = SingleButtonFooterView(frame: cell.frame)
    cell.contentView.attachViewWithConstraints(subView)
    let _ = subView.viewLoadedFromNibAttached(name: cellId)

并将该部分放入单元格中（这样您可以轻松维护SingleButtonFooterView的生命周期

2) 猜测：xib 的文件所有者为空或使用了错误的类，这就是commonInit 和required init?(coder aDecoder: NSCoder) 导致infinite loop 的原因

编辑：

第1步：子类UITableViewCell，我们称之为SingleButtonCell

第 2 步：自定义视图（在您的情况下为 SingleButtonFooterView）。笔记！文件的所有者应该是类本身 -> SingleButtonFooterView

 @IBOutlet var contentView: UIView!

    override init(frame: CGRect) {
        super.init(frame: frame)

        loadXib()
        setup()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        loadXib()
    }

    private func loadXib() {
        Bundle.main.loadNibNamed(String(describing: type(of: self)), owner: self, options: nil)

        addSubview(contentView)
        contentView.frame = bounds
    }

这是我用来从 .xib 加载视图的方法。 contentView是.xib文件中主视图的出口

第 3 步：这里有两个选项：

• 选项 3.1：（更易于维护 IMO）

  使用SingleButtonCell，您可以创建自己的 .xib 文件

• 3.1.1：在单元格的 xib (SingleButtonCell.xib) 中添加视图并将其类更改为 SingleButtonFooterView

• 选项 3.2： 不要创建单元格 xib。而是在单元格内实例化视图（SingleButtonFooterView）并将其添加为子视图（如果需要，添加约束）。在这里你必须小心在哪里实例化视图，因为有机会多次添加它

Answer 3

我可以看到dequeueReusableCell(withIdentifier:for:) 永远不会返回 nil。所以你的 nil-check 中的代码永远不会被调用。您可能会想到“旧的”dequeueReusableCell(withIdentifier:)，它可以返回 nil，并且可以像您一样使用。

由于它永远不会为零，因此您需要一个额外的参数，例如“hasBeenInitialized”来跟踪您是否添加了自定义 UIView。

// In loading viewDidLoad, register cellId for type for tableView

let cell = tableView.dequeueReusableCell(withIdentifier: cellId, for: indexPath)

if !hasBeenInitialized {
    // Load view from xib
    // Add view as subview to cell contentview
    // Add surrounding constraints
    hasBeenInitialized = true
}
return cell