带有自动布局的 UICollectionViewCell 在 iOS 10 中不起作用答案

【问题标题】：UICollectionViewCell with AutoLayout not working in iOS 10带有自动布局的 UICollectionViewCell 在 iOS 10 中不起作用
【发布时间】：2016-11-30 10:32:58
【问题描述】：

我正在尝试创建一个动态 UICollectionView，其单元格会根据其中的文本自动调整大小。但由于某些原因，我的自定义 UICollectionViewCell 不会扩展到全宽。我使用SnapKit 作为自动布局，我所有的视图都是基于代码的；没有xib或故事板。这是我目前得到的调试视图：

我希望单元格扩大整个宽度和高度以适应任何内容。这是我的 UICollectionViewController

上的 sn-p

override func viewDidLoad() {
    super.viewDidLoad()

    self.title = "Home"

    let layout = UICollectionViewFlowLayout()
    layout.itemSize = CGSize(width: view.frame.width, height: view.frame.height)
    layout.scrollDirection = .vertical
    layout.estimatedItemSize = CGSize(width: 375, height: 250)

    collectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: view.frame.height), collectionViewLayout: layout)
    collectionView.dataSource = self
    collectionView.delegate = self
    collectionView.backgroundColor = UIColor(red: 245/255, green: 245/255, blue: 245/255, alpha: 1)
    collectionView.register(HomeCollectionViewCell.self, forCellWithReuseIdentifier: reuseIdentifier)


    self.view.addSubview(collectionView)

}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath)

    // Configure the cell
    if let c = cell as? HomeCollectionViewCell {
        c.contentView.frame = c.bounds
        c.contentView.autoresizingMask = [.flexibleHeight, .flexibleWidth]
        configureCell(c, indexPath: indexPath)

    }

    return cell
}

func configureCell(_ cell: HomeCollectionViewCell, indexPath: IndexPath) {
    cell.setText(withTitle: items[(indexPath as NSIndexPath).section].title)
}

这是我的自定义 UICollectionViewCell

的 sn-p

override init(frame: CGRect) {
    super.init(frame: frame)

    self.contentView.autoresizingMask = [.flexibleHeight, .flexibleWidth]
    self.contentView.translatesAutoresizingMaskIntoConstraints = true
    self.contentView.bounds = CGRect(x: 0, y: 0, width: 99999, height: 99999)

    createTitle()

}

private func createTitle() {
    titleView = TTTAttributedLabel(frame: CGRect(x: 0, y: 0, width: contentView.frame.width, height: 56))
    titleView.tag = 1
    titleView.numberOfLines = 2
    titleView.delegate = self
    titleView.translatesAutoresizingMaskIntoConstraints = false

    contentView.addSubview(titleView)

    titleView.snp_updateConstraints(closure: {
        make in

        make.leading.trailing.equalTo(contentView).offset(10)
        make.top.equalTo(contentView).offset(10)
        make.bottom.equalTo(contentView).offset(-10)

    })
}

func setText(withTitle title:String, paragraph: String, image: String) {
    let titleAttributed = AttributedString(string: title, attributes: titleStringAttr)

    titleView.attributedText = titleAttributed
    titleView.sizeToFit()
}

我已经花了 3 天的时间一直在研究这个。任何建议都非常感谢！

【问题讨论】：

你试过实现“- (CGSize)collectionView:(UICollectionView )collectionView layout:(UICollectionViewLayout)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath”吗？
hmm 我想如果我希望大小是动态的，我不需要实现它？我之前尝试过并删除了layout.estimatedItemSize，所有这些都变成了相同的大小..
你有没有得到这个问题的答案？我自己在 UITableViewCell 上遇到了一个非常相似的问题。
嘿@JohnZ 参考我刚刚发布的答案。希望对您有所帮助！
@yonasstephen 谢谢！

标签： ios swift autolayout uicollectionview snapkit

【解决方案1】：

这不是一个真正的解决方案，但TTTAttributedLabel 做了一些黑魔法，导致 AutoLayout 无法工作。所以对我来说，我将 TTTAttributedLabel 更改为 UILabel 并且效果很好。

仅供参考，我在 SnapKit Github 问题上发布了类似的问题；感谢 robertjpayne 那里的提示 (https://github.com/SnapKit/SnapKit/issues/261)

【讨论】：