swift - UICollectionView 单元格在滚动时重新计算大小(闪烁)

Question

初始表加载后，一切正常。但是在插入一个新单元格并快速向上滚动后，您可以看到一些单元格正在重新计算它们的大小(动画)。这真的很奇怪，最多发生 2-3 个单元格。我正在使用带有反转单元格和自定义流布局的自下而上的 Collection View ，但它也没有动画。同样在滚动时，键盘会隐藏，所以这可能与它有关..

单元格插入:

  self.collectionView?.insertItems(at: [indexPath])

  UIView.performWithoutAnimation {
      self.collectionView?.reloadItems(at: indexPaths)
      self.view.layoutIfNeeded()
  }
  self.collectionView?.setContentOffset(CGPoint(x: 0, y: 0), animated: true)

问题视频:

http://vimple.co/3c39cb325b9c4ec19173fea015b6cc8b

override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    let newIndex : Int = messagesDataArray.count - 1 - indexPath.item
    if messagesDataArray[newIndex].otherPerson == true {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ConversationCellOtherPerson", for: indexPath) as! ConversationCellOtherPerson
        cell.data = messagesDataArray[newIndex]
        cell.personImageView.image = otherPersonImage
        return cell
    } else {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ConversationCellUser", for: indexPath) as! ConversationCellUser
        cell.data = messagesDataArray[newIndex]
        return cell
    }

}

还有。 ConversationCellUser:

class ConversationCellUser : UICollectionViewCell {

    let messageLabel = ConversationLabel()
    let mainContainerView = UIView()
    let textContainerView : UIView = {
        let view = UIView()
        view.layer.cornerRadius = 20
        return view
    }()

    var data : MessagesInfo? { didSet { updateCell() } }


    func updateCell() {
        guard let data = data else { return }
        messageLabel.text = data.messageText
    }

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

        backgroundColor = .clear
        clipsToBounds = true

        messageLabel.translatesAutoresizingMaskIntoConstraints = false
        textContainerView.translatesAutoresizingMaskIntoConstraints = false
        mainContainerView.translatesAutoresizingMaskIntoConstraints = false

        mainContainerView.addSubview(textContainerView)
        textContainerView.addSubview(messageLabel)
        contentView.addSubview(mainContainerView)



        NSLayoutConstraint(item: textContainerView, attribute: .right, relatedBy: .equal, toItem: mainContainerView, attribute: .right, multiplier: 1, constant: -10).isActive = true


        textContainerView.addConstraintsWithFormat(format: "H:|-14-[v0]-14-|", views: messageLabel)
        textContainerView.addConstraintsWithFormat(format: "V:|-10-[v0]-10-|", views: messageLabel)

        contentView.addConstraintsWithFormat(format: "H:|[v0]|", views: mainContainerView)
        contentView.addConstraintsWithFormat(format: "V:|[v0]|", views: mainContainerView)

        textContainerView.backgroundColor = .lightGray


    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func apply(_ layoutAttributes: UICollectionViewLayoutAttributes) {
        super.apply(layoutAttributes)
        transform = CGAffineTransform(a: 1, b: 0, c: 0, d: -1, tx: 0, ty: 0)
        updateConstraints()
        setNeedsUpdateConstraints()

    }
}

对话标签:

class ConversationLabel : BaseMessageLabel {

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

        self.textColor = .white
        self.font = UIFont(name: "AvenirNext-Medium", size: 14)
        self.lineBreakMode = .byWordWrapping
        self.numberOfLines = 0

        self.preferredMaxLayoutWidth = 200
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

项目大小:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    var height : CGFloat = 80

    let text = messagesDataArray[indexPath.row].messageText

    height = estimateFrameFor(text).height + 20

    return CGSize(width: collectionView.bounds.size.width, height: height)


}

private func estimateFrameFor(_ text : String) -> CGRect {
    let size = CGSize(width: 200, height: 1000)
    return NSString(string: text).boundingRect(with: size, options: .usesLineFragmentOrigin, attributes: [NSFontAttributeName : UIFont(name: "AvenirNext-Medium", size: 14)!], context: nil)
}

我正在使用的 FlowLayout 是这样的:

Github - jochenschoellig - ChatCollectionViewFlowLayout

嘿，我创建了一个有问题的小项目: Github - testLP

Answer 1

不能发表评论，没有足够的代表。但正如所评论的那样，请提供您的 ConversationLabel 类、sizeForItemAtIndexPath 覆盖以及您的自定义 FlowLayout 类的代码。添加自定义布局类时，很容易忽略某些结果行为。

如果没有给出这些方法，您在这里不会有太多运气。当您这样做时，我会查看并更新我的答案。

但是，从视频来看，我首先要看的是:

由于当单元格的索引变为可见时，单元格会重新添加到 collectionview 的可见部分，因此动画可能是由于您在 sizeForItemAtIndexPath< 中应用的大小调整所致 如果您用于应用大小的任何单元格元素没有足够快地更新，则可能会延迟。或者动画由于延迟而以某种方式可见，因为每次将单元格 View 带入 View 时都会调用约束重置器(这可能会导致一些延迟，具体取决于设备)。我建议后者，因为您的 apply(_ layoutAttributes: UICollectionViewLayoutAttributes) 覆盖。鉴于文档 here :您调用了一次 updateConstraints()，然后在之后立即使用 setNeedsUpdateConstraints()，这安排了 updateConstraints() 调用布局当单元格 View 变得可见时(也就是您看到动画时)。所以你在这里做了两次工作，这可能会添加到动画队列中。或者，由于您还重置了 transform 属性，您可能还安排了一个您可能没有考虑到的额外动画。最后，虽然这可能暗示了这种行为的来源，但如果没有您的自定义 FlowLayout 类，就不可能说清楚。如前所述 here :

If you subclass and implement any custom layout attributes, you must also override the inherited isEqual: method to compare the values of your properties. In iOS 7 and later, the collection view does not apply layout attributes if those attributes have not changed. It determines whether the attributes have changed by comparing the old and new attribute objects using the isEqual: method.

并且，如本 post about iOS7 and later os builds 中所述: 由于您覆盖了 apply(_ layoutAttributes: UICollectionViewLayoutAttributes) 方法，因此您还应该覆盖 isEqual(_ object: Any?) method使用您自己的代码，以您想要的方式比较布局属性。

安example isEqual 覆盖的:

override public func isEqual(_ object: Any?) -> Bool {
        guard let rhs = object as? DateClass else {
            return false
        }
        let lhs = self

        return lhs.date1 == rhs.date1 &&
            lhs.date2 == rhs.date2 &&
            lhs.date3 == rhs.date3
    }

您将用 UICollectionViewLayoutAttributes 替换 DateClass，将重写置于 UICollectionViewLayoutAttributes 子类的范围内。

据我所知，根据您提供的内容，您的代码中似乎可能意外过度调用了某些方法。或者您可能没有正确地将 UICollectionViewLayoutAttributes 子类化。同样，这些是我为您提供的最佳解决方案。添加缺少的代码，我会更新答案!