以编程方式将约束添加到已以编程方式添加到表格单元格的标签

时间:2017-03-16 13:03:46

标签: ios swift uitableview swift3 nslayoutconstraint

这是我尝试过的。

我已将行设置为根据其内容自动调整大小,如果我手动添加标签并手动向所述标签添加约束,则该内容可以正常运行。

override func viewDidLoad() {
    tableView.rowHeight = UITableViewAutomaticDimension
    tableView.estimatedRowHeight = 100
}

然后我就像这样添加标签及其约束:

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

    // Programmatically add a label
    let label = UILabel()
    label.translatesAutoresizingMaskIntoConstraints = false
    label.text = dataLabels[indexPath.row] // dataLabels is an array of my labels
    label.tag = indexPath.row
    cell.contentView.addSubview(label)

    // Programmatically add constraints
    label.topAnchor.constraint(equalTo: cell.contentView.topAnchor, constant: 15).isActive = true
    label.bottomAnchor.constraint(equalTo: cell.contentView.bottomAnchor, constant: 15).isActive = true

    return cell
}

当我运行项目时,我没有收到任何错误。行似乎调整到标签的高度,标签响应编程设置的约束,但行似乎不知道约束存在。这是一个截图:

enter image description here

在我过去的经验中,这应该是我需要以编程方式向对象添加约束的所有内容。

我也尝试过使用:

tableView.beginUpdates()
tableView.endUpdates()

但这没有用。当表重新加载时,它会重新加载回到相同的位置。

1 个答案:

答案 0 :(得分:4)

看起来像是一个常见的“呐喊”错误...

// Programmatically add constraints
label.topAnchor.constraint(equalTo: cell.contentView.topAnchor, constant: 15).isActive = true
label.bottomAnchor.constraint(equalTo: cell.contentView.bottomAnchor, constant: 15).isActive = true

这两行说的是:

  • 使标签的顶部等于ContentView PLUS 15pts的顶部。

然后

  • 使标签的底部等于ContentView PLUS 15pts的底部。

真正想要的是 ContentView 的底部等于标签 PLUS 15pts的底部。

因此,您可以将该行更改为:

// set Bottom of Label to Bottom of View MINUS 15pts
label.bottomAnchor.constraint(equalTo: cell.contentView.bottomAnchor, constant: -15).isActive = true

// set Bottom of View to Bottom of Label PLUS 15pts
cell.contentView.bottomAnchor.constraint(equalTo: label.bottomAnchor, constant: 15).isActive = true

应该这样做。