UITableViewCell的内容视图高度未针对动态字体(NSLayoutConstraints)进行调整

时间:2018-12-21 09:13:17

标签: ios swift uitableview nslayoutconstraint

我很难调整表格视图单元格以自动调整动态字体的大小。请注意,我在代码中而不是在故事板中使用布局约束。

这是我的表格视图设置代码:

tableView = UITableView(frame: .zero, style: .grouped)
tableView.register(ChatAnalyticsCell.self, forCellReuseIdentifier: ChatAnalyticsCell.reuseIdentifier)
tableView.rowHeight = UITableView.automaticDimension
tableView.estimatedRowHeight = UITableView.automaticDimension

这是我在ChatAnalyticsCell类中的2个标签和图像视图设置

private var iconImageView: UIImageView = {
    let imageView = UIImageView(frame: CGRect(origin: .zero,
                                              size: CGSize(width: 20, height: 20)))
    imageView.contentMode = .scaleAspectFill
    imageView.clipsToBounds = true
    imageView.translatesAutoresizingMaskIntoConstraints = false
    imageView.tintColor = UIColor(red: 0.25, green: 0.3, blue: 0.72, alpha: 1)
    return imageView
}()

private var segmentLabel: UILabel = {
    let label = UILabel()
    label.translatesAutoresizingMaskIntoConstraints = false
    label.numberOfLines = 0
    label.textColor = UIColor.gray
    label.font = UIFont.preferredFont(forTextStyle: .footnote)
    label.adjustsFontForContentSizeCategory = true

    return label
}()

private var segmentDataLabel: UILabel = {
    let label = UILabel()
    label.translatesAutoresizingMaskIntoConstraints = false
    label.numberOfLines = 0
    label.textColor = UIColor(red: 0.13, green: 0.15, blue: 0.19, alpha: 0.9)
    label.font = UIFont.preferredFont(forTextStyle: .body)
    label.adjustsFontForContentSizeCategory = true
    return label
}()

这是我添加子视图和设置约束的功能,用于为动态字体正确调整大小。

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)

    setupSubviews()
}


private func setupSubviews() {
    addSubview(iconImageView)
    iconImageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 15.0).isActive = true
    iconImageView.centerYAnchor.constraint(equalTo: contentView.centerYAnchor).isActive = true
    iconImageView.widthAnchor.constraint(equalToConstant: 20.0).isActive = true
    iconImageView.heightAnchor.constraint(equalToConstant: 20.0).isActive = true

    // Analytics segment label
    addSubview(segmentLabel)
    segmentLabel.leadingAnchor.constraint(equalTo: iconImageView.trailingAnchor, constant: 20).isActive = true
    segmentLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 20).isActive = true
    segmentLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -20).isActive = true

    // Segment data label
    addSubview(segmentDataLabel)
    segmentDataLabel.leadingAnchor.constraint(equalTo: segmentLabel.leadingAnchor).isActive = true
    segmentDataLabel.trailingAnchor.constraint(equalTo: segmentLabel.trailingAnchor).isActive = true
    segmentDataLabel.topAnchor.constraint(equalTo: segmentLabel.bottomAnchor, constant: 5).isActive = true
    segmentDataLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: 20).isActive = true

    contentView.heightAnchor.constraint(greaterThanOrEqualToConstant: 80).isActive = true
}

请注意,当我运行代码时,没有打破任何约束,但是布局没有正确更新。请查看屏幕截图:

enter image description here

1 个答案:

答案 0 :(得分:1)

将所有视图添加到contentView

contentView.addSubview(yourView)

还有一件事情-您可能想更改(why?)此约束,

segmentDataLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: 20).isActive = true

segmentDataLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -20).isActive = true

其余约束似乎可以计算contentView的高度。