UICollectionViewCell systemLayoutSizeFittingSize 返回不正确的宽度

Question

我一直在玩弄动态 UICollectionViewCell，并注意到在 iOS 8 上，在 UICollectionViewCell 上调用 cell.contentView.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize) 返回的宽度不正确。目前，解决此问题的唯一解决方法是显式添加宽度约束以强制单元格的宽度。以下代码用于 Cell 子类：

func calculatePreferredHeightForFrame(frame: CGRect) -> CGFloat {
    var newFrame = frame
    self.frame = newFrame
    let widthConstraint = NSLayoutConstraint(item: contentView, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: CGRectGetWidth(frame))
    contentView.addConstraint(widthConstraint)
    self.setNeedsUpdateConstraints()
    self.updateConstraintsIfNeeded()
    self.setNeedsLayout()
    self.layoutIfNeeded()
    let desiredHeight: CGFloat = self.contentView.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize).height
    newFrame.size.height = CGFloat(ceilf(Float(desiredHeight)))
    contentView.removeConstraint(widthConstraint)
    return CGRectGetHeight(newFrame)
}

我知道在 iOS 8 和动态 UICollectionViewFlowLayout 中，UICollectionViewCell 的 contentView 以不同方式处理约束，但是我在这里缺少什么吗？需要做什么来确保 systemLayoutSizeFittingSize 在单元格上使用特定宽度？

我也看到了这篇文章 (Specifying one Dimension of Cells in UICollectionView using Auto Layout)，并相信这实际上可能会使我的问题无效。也许 UICollectionViewFlowLayout 不是为只有一个动态维度的单元格设计的，但这仍然不能解释为什么单元格会给出不寻常的宽度。

Answer 1

我也遇到过同样的问题。关键是在获取systemLayoutSize时使用优先级。

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    if (!self.prototypeCell) {
        self.prototypeCell = [TrainingMenuCell new];
        self.prototypeCell.contentView.translatesAutoresizingMaskIntoConstraints = NO;
    }

    [self configureCell:self.prototypeCell forIndexPath:indexPath];
    [self.prototypeCell setNeedsLayout];
    [self.prototypeCell layoutIfNeeded];

    CGFloat width = CGRectGetWidth(collectionView.frame) - 12;
    CGSize fittingSize = UILayoutFittingCompressedSize;
    fittingSize.width = width;

    CGSize size = [self.prototypeCell.contentView systemLayoutSizeFittingSize:fittingSize withHorizontalFittingPriority:UILayoutPriorityRequired verticalFittingPriority:UILayoutPriorityDefaultLow];
    return size;
}

Answer 2

我的存储库中提供了一个 SSCCE（示例）：

https://github.com/knutvalen/sandbox-uicollectionview

下面是主要代码的sn-p。

斯威夫特 4

var array = ["foo", "bar", "baz"]

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

    if let myCell = cell as? MyCollectionViewCell {
        myCell.titleLabel.text = array[indexPath.item]
        myCell.subtitleLabel.text = "my subtitle for " + array[indexPath.item] + " is a very long text with many letters and words"
        return myCell
    }

    return cell
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let forcedWidth: CGFloat = 200
    let myCell = MyCollectionViewCell()
    myCell.titleLabel.text = array[indexPath.item]
    myCell.subtitleLabel.text = "my subtitle for " + array[indexPath.item] + " is a very long text with many letters and words"
    myCell.subtitleLabel.preferredMaxLayoutWidth = forcedWidth - (myCell.myMargin * 2)
    let optimalSize = myCell.systemLayoutSizeFitting(UILayoutFittingCompressedSize)
    let forcedSize = CGSize(width: forcedWidth, height: optimalSize.height)
    return forcedSize
}

输出

Answer 3

在我的情况下，它没有正确计算宽度，因为我在调用 systemLayoutSizeFittingSize 方法之前错过了这两行：

[sizingCell setNeedsLayout];
[sizingCell layoutIfNeeded];

花了几个小时才发现它，所以希望它对其他有类似问题的人有所帮助。