根据x个可见单元格的单元格高度设置表格视图高度

时间:2017-07-04 14:44:01

标签: ios swift uitableview autolayout

我想调整我的表格视图高度,以便一次只显示x个单元格。单元格的布局是可配置的,所以我事先并不知道它的高度。

为简单起见,我试图设置一个最简单的单元格示例,其中两个标签的文本垂直堆叠。

MyCustomViewCell.swift

class MyCustomViewCell: UITableViewCell {

    let label: UILabel
    let label2: UILabel

    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        label = UILabel()
        label2 = UILabel()
        super.init(style: style, reuseIdentifier: reuseIdentifier)

        self.contentView.addSubview(label)
        self.contentView.addSubview(label2)

        label.translatesAutoresizingMaskIntoConstraints = false

        label.topAnchor.constraint(equalTo: self.contentView.topAnchor).isActive = true
        label.leadingAnchor.constraint(equalTo: self.contentView.leadingAnchor).isActive = true
        label.trailingAnchor.constraint(equalTo: self.contentView.trailingAnchor).isActive = true

        label2.translatesAutoresizingMaskIntoConstraints = false
        label2.topAnchor.constraint(equalTo: label.bottomAnchor).isActive = true
        label2.trailingAnchor.constraint(equalTo: self.contentView.trailingAnchor).isActive = true
        label2.leadingAnchor.constraint(equalTo: self.contentView.leadingAnchor).isActive = true
        label2.bottomAnchor.constraint(equalTo: self.contentView.bottomAnchor).isActive = true

        label.text = "string 1"
        label2.text = "string 2"
    }

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

我已经设法通过在初始化表格视图时设置高度约束(低于1000优先级),然后根据单元格的框架和数量设置cellForRowAtIndexPath上的实际高度来实现所需的行为。我想要看到的细胞(在这种情况下,5)。

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    let cellIdentifier = "cellIdentifier"

    override func viewDidLoad() {
        super.viewDidLoad()

        let tableView = UITableView(frame: .zero, style: .plain)
        setupTableViewConstraints(tableView: tableView)

        tableView.register(MyCustomViewCell.self, forCellReuseIdentifier: cellIdentifier)
        tableView.dataSource = self
        tableView.delegate = self
    }

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

    func setupTableViewConstraints(tableView: UITableView) {
        self.view.addSubview(tableView)
        tableView.translatesAutoresizingMaskIntoConstraints = false

        tableView.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 50).isActive = true
        let heightConstraint = tableView.heightAnchor.constraint(equalToConstant: 300)
        heightConstraint.priority = 900
        heightConstraint.isActive = true

        tableView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor, constant: 10).isActive = true
        tableView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor, constant: -10).isActive = true

        tableView.layer.borderColor = UIColor.black.cgColor
        tableView.layer.borderWidth = 0.5
    }

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

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

        tableView.heightAnchor.constraint(equalToConstant: cell.frame.height*5).isActive = true
        return cell
    }
}

然而,这种方法对我来说似乎并不合适。从设置“虚拟”高度开始,只需稍后调整,以便每次执行cellForRowAtIndexPath时设置表格视图高度。

有人能指出我更优雅的解决方案吗?

1 个答案:

答案 0 :(得分:0)

在您的示例中,每次要求您加载单元格时,都会更新tableview的高度。

虽然这样可行,但知道即使在单元格可见之前,tableview也会不断调用此方法,这似乎有点过分。

为什么不等到tableview加载完毕然后才更新高度?

你可以在willDisplayCell中执行此操作,而不是仅在要显示单元格时触发,或者可能具有如下所示的完成闭包:

self.tableView.reloadData()
DispatchQueue.main.async {
    // This closure is only called when the data has been reloaded
    // and thus will enable you to calculate the final content height
}