以编程方式添加具有相对约束问题的标签

时间:2019-04-04 11:08:28

标签: ios swift uitableview nslayoutconstraint

我有一个包含一些单元格的UITableView,在第一个单元格中我想添加多个UILabel。那是我在UITableViewCell子类(在cellForRowAt中调用)的函数内部使用的代码:

    ...
let constantTop = 16


    for (index,optional) in optionals.enumerated(){
        let label = UILabel()
        label.translatesAutoresizingMaskIntoConstraints = false
        label.text = "\(optional.name)"
        label.tag = 10010132
        label.font = CocoFonts.semibold(size: 15)
        label.textColor = CocoColors.FedericoMalagoni.textVeryDarkBlue

        self.contentView.addSubview(label)
        let constant:CGFloat = CGFloat(constantTop * (index + 1))

        print(constant)

        let horizontalConstraint = NSLayoutConstraint(item: label, attribute: NSLayoutAttribute.leading, relatedBy: NSLayoutRelation.equal, toItem: self.contentView, attribute: NSLayoutAttribute.leading, multiplier: 1, constant: 16)

        let verticalConstraint = NSLayoutConstraint(item: label, attribute: NSLayoutAttribute.trailing, relatedBy: NSLayoutRelation.equal, toItem: self.contentView, attribute: NSLayoutAttribute.trailing, multiplier: 1, constant: 16)

        let height = NSLayoutConstraint(item: label, attribute: NSLayoutAttribute.height, relatedBy: NSLayoutRelation.equal, toItem: nil, attribute: NSLayoutAttribute.notAnAttribute, multiplier: 1, constant: 20)


        let top = NSLayoutConstraint(item: label, attribute: NSLayoutAttribute.top, relatedBy: NSLayoutRelation.equal, toItem: self.lblInfo, attribute: NSLayoutAttribute.bottomMargin, multiplier: 1, constant: constant)

        let bottom = NSLayoutConstraint(item: label, attribute: NSLayoutAttribute.bottom, relatedBy: NSLayoutRelation.equal, toItem: self.contentView, attribute: NSLayoutAttribute.bottom, multiplier: 1, constant: constant)


        NSLayoutConstraint.activate([horizontalConstraint, verticalConstraint, top, bottom, height])

    }
    self.contentView.setNeedsUpdateConstraints()
    self.contentView.setNeedsLayout()
    self.contentView.layoutIfNeeded()
...

现在, 标签在像这样的单元格边缘上方:

enter image description here

灰色分隔符分隔单元格。 基本上,单元格的高度不会更新。

1 个答案:

答案 0 :(得分:0)

如果您可以共享cellForRowAt的完整实现,那就更加清楚了。 我遇到了单元格内容重叠的类似问题。我正在将自定义视图作为子视图添加到单元格。

之所以会这样,是因为Table视图重新使用了其单元格。因此,一种解决方案是在添加新标签之前从单元格中删除旧标签。

for content in cell.contentView.subviews {
   content.removeFromSuperview()
}