ios - 如何在 Swift 中以编程方式 100% 创建自定义单元格？

Question

我正在尝试以编程方式构建 TableView，但我无法获得要显示的基本标准标签；我所看到的只是基本的空单元格。这是我的代码:

表格 View 单元格:

class TableCell: UITableViewCell {

    let cellView: UIView = {
       let view = UIView()
        view.backgroundColor = .systemRed
        return view
    }()

    let labelView: UILabel = {
        let label = UILabel()
        label.text = "Cell 1"
        return label
    }()

    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setup()
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func setup() {
        addSubview(cellView)
        NSLayoutConstraint.activate([
            cellView.topAnchor.constraint(equalTo: topAnchor),
            cellView.bottomAnchor.constraint(equalTo: bottomAnchor),
            cellView.leadingAnchor.constraint(equalTo: leadingAnchor),
            cellView.trailingAnchor.constraint(equalTo: trailingAnchor)])
        cellView.addSubview(labelView)
    }
}

数据来源:

class TableDataSource: NSObject, UITableViewDataSource {
    let cellID = "cell"

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 5
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: cellID, for: indexPath) as! TableCell
        return cell
    }
}

这是VC:

class TableViewController: UITableViewController {

    let dataSource = TableDataSource()

    override func viewDidLoad() {
        super.viewDidLoad()

        tableView.register(TableCell.self, forCellReuseIdentifier: dataSource.cellID)
        tableView.dataSource = dataSource
    }
}

我尽量保持代码的基本性以供将来引用。我已经设置了各种断点以查看可能出现的问题，但它们都检查出来了。会不会是约束条件出了问题？

感谢任何帮助。

Answer 1

我在你的单元格中看到了几个错误。

1. 将 subview 添加到 contentView，而不是直接添加到单元格:

   contentView.addSubview(cellView)
   cellView.addSubview(labelView)
   

   约束也是必要的:

   NSLayoutConstraint.activate([
       cellView.topAnchor.constraint(equalTo: contentView.topAnchor),
       cellView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
       cellView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
       cellView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor)
   ])
   

2. 在代码中创建的 View 需要设置translatesAutoresizingMaskIntoConstraints = false,

   let cellView: UIView = {
      let view = UIView()
       view.backgroundColor = .systemRed
       view.translatesAutoresizingMaskIntoConstraints = false
       return view
   }()
   
   let labelView: UILabel = {
       let label = UILabel()
       label.text = "Cell 1"
       label.translatesAutoresizingMaskIntoConstraints = false
       return label
   }()
   

   1. 您的标签没有任何限制。