自动布局 UITableViewCells 覆盖底部

Question

我在使用此 UITableViewCell 时遇到问题。我从服务器获取字符串并将其插入到 viewDidLoad 中，但单元格的底部，即 summaryLabel 被覆盖了。是插页吗？ Here's the code:

class SummaryTableViewCell: UITableViewCell {
    let titleLabel = UILabel()
    let createdLabel = UILabel()
    let summaryLabel = UILabel()

    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        titleLabel.numberOfLines = 2
        titleLabel.lineBreakMode = .byWordWrapping
        titleLabel.font = UIFont.boldSystemFont(ofSize: 23)

        summaryLabel.numberOfLines = 4
        summaryLabel.lineBreakMode = .byWordWrapping

        contentView.clipsToBounds = true
        titleLabel.translatesAutoresizingMaskIntoConstraints = false
        createdLabel.translatesAutoresizingMaskIntoConstraints = false
        summaryLabel.translatesAutoresizingMaskIntoConstraints = false

        contentView.addSubview(titleLabel)
        contentView.addSubview(createdLabel)
        contentView.addSubview(summaryLabel)
        let lg = contentView.safeAreaLayoutGuide
        NSLayoutConstraint.activate([
            titleLabel.topAnchor.constraint(equalTo: lg.topAnchor),
            titleLabel.leadingAnchor.constraint(equalTo: lg.leadingAnchor),
            titleLabel.trailingAnchor.constraint(equalTo: lg.trailingAnchor),
            titleLabel.bottomAnchor.constraint(equalTo: createdLabel.topAnchor),

            createdLabel.leadingAnchor.constraint(equalTo: lg.leadingAnchor),
            createdLabel.trailingAnchor.constraint(equalTo: lg.trailingAnchor),
            createdLabel.bottomAnchor.constraint(equalTo: summaryLabel.topAnchor, constant: -8),

            summaryLabel.leadingAnchor.constraint(equalTo: lg.leadingAnchor),
            summaryLabel.trailingAnchor.constraint(equalTo: lg.trailingAnchor),
            summaryLabel.bottomAnchor.constraint(equalTo: lg.bottomAnchor)
        ])
    }
    override func layoutSubviews() {
        super.layoutSubviews()
        contentView.frame = contentView.frame.inset(by: UIEdgeInsets(top: 15, left: 17, bottom: 15, right: 17))
    }
    required init?(coder aDecoder: NSCoder) {super.init(coder: aDecoder)}
}

Answer 1

不要将自动布局与通过设置 contentView 的 frame 表示的框架布局混合，所以用常量替换

titleLabel.topAnchor.constraint(equalTo: lg.topAnchor,constant:15), 
summaryLabel.bottomAnchor.constraint(equalTo: lg.bottomAnchor,constant:-15)

并将所有 lbls 的前导和尾随更改为类似这样的内容

titleLabel.leadingAnchor.constraint(equalTo: lg.leadingAnchor,constant:17),
titleLabel.trailingAnchor.constraint(equalTo: lg.trailingAnchor,constant:-17),

Answer 2

另一个选项，它可以节省一些精力，并且如果您决定更容易调整：

contentView.layoutMargins = UIEdgeInsets(top: 15, left: 17, bottom: 15, right: 17)
let lg = contentView.layoutMarginsGuide

然后您可以保持约束不变（无需设置所有常量），并且可以完全删除 layoutSubviews() 函数。

自动布局 UITableViewCells 覆盖底部

Autolayout UITableViewCells covering up bottom

uitableview

ios

swift

ios-autolayout