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

时间:2019-10-10 13:57:55

标签: ios swift uitableview user-interface

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

TableView单元格:

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
    }
}

我正在尝试使代码尽可能基本,以备将来参考。我已经设置了各种断点,以查看可能出了什么问题,但它们都可以检查出来。约束可能是错误的吗?

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

您的约束不起作用,因为您需要在translatesAutoresizingMaskIntoConstraints中将cellView的{​​{1}}更改为:

setup()

答案 1 :(得分:1)

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

  1. 将子视图添加到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. 用代码创建的视图需要设置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. 您的标签没有任何限制。