UICollectionView 滚动故障/滞后

Question

在我的 iOS 项目中，我使用带有自定义单元格的常规 UICollectionView。

该单元格接收一些属性，当设置其中一个对象时，我对该单元格执行一些 UI 更新。

虽然当我滚动时感觉滚动有点小故障，但我不知道如何改进我的代码以使其运行更流畅。

我已经运行了 Intruments 并运行了 Time Profiler，当这些滞后发生时，主线程 CPU 使用率达到 100%，如下图所示：

追踪仪器的使用百分比：

进一步追踪png_read_IDAT_data

现在是代码：

在我的UICollectionViewController cellForItem(:_)

override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: homeCellId, for: indexPath) as! HomePostCollectionViewCell
    cell.post = self.posts[indexPath.item]
    cell.delegate = self
    cell.layer.cornerRadius = 5
    cell.layer.borderWidth = 0.7
    cell.layer.borderColor = UIColor.rgb(red: 204, green: 204, blue: 204).cgColor
    cell.layer.masksToBounds = true
    return cell     
}

在我的UICollectionViewCell 中，每当设置post 变量时，我都会执行以下UI 更新：

public var post: Post? {
    didSet {
        guard let post = self.post else { return }
        userProfileImageView.image = post.user.profileImage
        nameLabel.text = post.user.name
        titleTextView.text = post.title
        creationDateLabel.text = post.creationDate.timeAgoDisplay()

        thumbnailImageView.image = post.thumbnail
        if backgroundImageOffset != nil {
            setBackgroundImageOffset(imageOffset: backgroundImageOffset)
        } else {
            setBackgroundImageOffset(imageOffset: CGPoint.zero)
        }
    }
}

您能帮我追踪问题以及如何改进它吗？

谢谢。

编辑

我已经注释掉了 cell.post= 行，这样主线程 CPU 使用率下降到大约 10%，因此可以确保问题出在 post { didSet{} } 构造函数中。

你能看到任何有用的改进吗？

编辑 2

这里是timeAgoDisplay()函数的代码

func timeAgoDisplay() -> String {
    let secondsAgo = Int(Date().timeIntervalSince(self))

    let minute = 60
    let hour = 60 * minute
    let day = 24 * hour
    let week = 7 * day
    let month = 4 * week

    let quotient: Int
    let unit: String
    if secondsAgo < minute {
        quotient = secondsAgo
        unit = "second"
    } else if secondsAgo < hour {
        quotient = secondsAgo / minute
        unit = "min"
    } else if secondsAgo < day {
        quotient = secondsAgo / hour
        unit = "hour"
    } else if secondsAgo < week {
        quotient = secondsAgo / day
        unit = "day"
    } else if secondsAgo < month {
        quotient = secondsAgo / week
        unit = "week"
    } else {
        quotient = secondsAgo / month
        unit = "month"
    }

    return "\(quotient) \(unit)\(quotient == 1 ? "" : "s") ago"
}

Answer 1

我也遇到过像你这样的问题，认为UIImage(data:) 可以在后台线程上使用，然后只需将结果图像应用到main 队列上的UIImageView。

但事实并非如此，引用关于这个主题的一个很好的答案UIImage initWithData: blocking UI thread from async dispatch?：

UIImage 在第一次实际使用/绘制之前不会读取和解码图像。要强制这项工作在后台线程上进行，您必须在执行主线程 -setImage: 调用之前在后台线程上使用/绘制图像。许多人认为这违反直觉。我在另一个answer 中相当详细地解释了这一点。

如上所述，链接中的答案表明您必须在使用它之前在后台线程上use/draw 图像。

这是我发现如何在后台线程上强制解压的示例：

Preload UIImage for super-smooth interaction. especially great if you use JPGs, which otherwise produce a noticeable lag on the main thread.

希望这会有所帮助:)

Answer 2

啊，我遇到了同样的问题，它试图在每次滚动时重新计算它的 layoutAttributes。为了解决这个问题，请尝试在您的自定义单元格类中覆盖 PreferredLayoutAttributesFitting，如下所示：

    override func preferredLayoutAttributesFitting(_ layoutAttributes: UICollectionViewLayoutAttributes) -> UICollectionViewLayoutAttributes {
        return layoutAttributes
    }

Answer 3

您应该尝试应用缓存您的图像并相应地显示它们； 看看下面的类似问题和苹果文档 - ：

How to use NSCache

A mutable collection you use to temporarily store transient key-value pairs that are subject to eviction when resources are low.