UITableViewCell contentView插图和自动布局

时间:2018-12-17 13:46:39

标签: ios swift uitableview

我的问题是,我想为每个顶部,底部,左侧和右侧将单元格的contentView插入10。我想将此空间用作分隔符并禁用默认的表格视图分隔符。看起来没有插入内容:

without separation

现在有两个问题:

  1. 问题:高度限制不明确(在视图调试器中)
  2. 没有分隔符

1。

ambiguous height constraints

  1. 我可以通过覆盖表格视图单元格的layoutSubviews来更改此设置:

    override func layoutSubviews() {
       super.layoutSubviews()
    
       let contentViewFrame = self.contentView.frame
       let insetContentViewFrame = contentViewFrame.inset(by: UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10))
       self.contentView.frame = insetContentViewFrame
       self.selectedBackgroundView?.frame = insetContentViewFrame
    }
    

但这会导致问题3:

issue no 3

现在说明标签有问题:

这是我的表格视图单元格(它使用自动布局,因此标签定义了单元格的高度):

class NewsTableViewCell : UITableViewCell {

public private(set) var titleLabel: UILabel!
public private(set) var descriptionLabel: UILabel!

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

    self.tintColor = UIColor.white

    self.contentView.backgroundColor = UIColor.barTintColor
    self.contentView.layer.masksToBounds = false
    self.contentView.layer.cornerRadius = 10.0

    self.backgroundColor = UIColor.clear

    let layoutGuide = self.contentView.layoutMarginsGuide

    self.titleLabel = UILabel(frame: .zero)
    self.titleLabel.numberOfLines = 0
    self.titleLabel.font = UIFont.preferredFont(forTextStyle: .headline)
    self.titleLabel.textColor = UIColor.white
    self.titleLabel.adjustsFontSizeToFitWidth = false
    self.titleLabel.translatesAutoresizingMaskIntoConstraints = false
    self.titleLabel.textAlignment = .left
    self.contentView.addSubview(self.titleLabel)

    self.titleLabel.setContentCompressionResistancePriority(.required, for: .vertical)

    self.titleLabel.leadingAnchor.constraint(equalTo: layoutGuide.leadingAnchor).isActive = true
    self.titleLabel.trailingAnchor.constraint(equalTo: layoutGuide.trailingAnchor).isActive = true
    self.titleLabel.topAnchor.constraint(equalTo: layoutGuide.topAnchor).isActive = true

    self.descriptionLabel = UILabel(frame: .zero)
    self.descriptionLabel.numberOfLines = 0
    self.descriptionLabel.font = UIFont.preferredFont(forTextStyle: .subheadline)
    self.descriptionLabel.textColor = UIColor.lightGray
    self.descriptionLabel.adjustsFontSizeToFitWidth = false
    self.descriptionLabel.translatesAutoresizingMaskIntoConstraints = false
    self.descriptionLabel.textAlignment = .left
    self.contentView.addSubview(self.descriptionLabel)

    self.descriptionLabel.setContentCompressionResistancePriority(.required, for: .vertical)

    self.descriptionLabel.leadingAnchor.constraint(equalTo: layoutGuide.leadingAnchor).isActive = true
    self.descriptionLabel.trailingAnchor.constraint(equalTo: layoutGuide.trailingAnchor).isActive = true
    self.descriptionLabel.topAnchor.constraint(equalTo: self.titleLabel.bottomAnchor, constant: 5.0).isActive = true
    self.descriptionLabel.bottomAnchor.constraint(equalTo: layoutGuide.bottomAnchor).isActive = true

    let selectedView: UIView = UIView(frame: .zero)
    selectedView.backgroundColor = UIColor.gray
    selectedView.layer.cornerRadius = 10.0
    selectedView.layer.masksToBounds = false
    self.selectedBackgroundView = selectedView
}

那是我的表视图控制器代码:

self.tableView.rowHeight = UITableView.automaticDimension
self.tableView.estimatedRowHeight = 200.0
self.tableView.register(NewsTableViewCell.self, forCellReuseIdentifier: "NewsCell")
self.tableView.separatorStyle = .none

有什么办法既可以插入contentView又可以动态调整标签大小(定义单元格高度)? 谢谢!

2 个答案:

答案 0 :(得分:1)

1-添加常量参数

 self.titleLabel.leadingAnchor.constraint(equalTo: layoutGuide.leadingAnchor,constant:10).isActive = true

前导,尾随,顶部和底部

2-

descriptionLabel下层约束的优先级降低到999

答案 1 :(得分:0)

您的问题

1)您希望两个标签动态增长。
2)您要根据内容调整单元格大小

为此,您需要在所有侧面(左侧,顶部,底部,底部)施加约束,否则自动尺寸将不起作用

,但是自动布局引擎不允许这样做。因为它需要一些特定的想法,即哪个标签会增长,以便可以在内部进行计算。和。您在更改优先级高的内容时遇到错误

解决方案也很简单

假设从底部开始需要8px的空间,然后应用大于等于(> =)与8的关系

并将您的内容拥抱优先级重置为默认值,现在不需要了:)

enter image description here