ios - 如何异步加载 CollectionView 单元格图像？

Question

现在我有一个 UICollectionView(水平滚动)，其中的单元格包含 UIImage。我使用它来显示 UIImage 过滤器，就像 Instagram 那样。但是当我滚动查看图像在实现过滤器后的样子时 - 它卡住了。我怎样才能让它像在 Instagram 中那样流畅？

我的代码:

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell: imageFilterCell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! imageFilterCell

    NSOperationQueue.mainQueue().addOperationWithBlock {             
        cell.imageView.image = self.applyFilterTo(self.image!, filter: self.filtersImages[indexPath.row])
        cell.imageView.layer.cornerRadius = 5
        cell.imageView.layer.masksToBounds = true
        cell.filterLabel.text = self.filtersLabels[indexPath.row]
    }

    return cell
}

其中 applyFilter() 为我的图像实现了一个过滤器。

有什么解决方案可以使滚动流畅并防止卡顿？

Answer 1

试试这个

let queue = NSOperationQueue()

        let op1 = NSBlockOperation { () -> Void in

            let img1 = self.applyFilterTo(self.image!, filter: self.filtersImages[indexPath.row])

            NSOperationQueue.mainQueue().addOperationWithBlock({ () -> Void in
                cell.imageView.image = img1
            })
        }


queue.addOperation(op1);
cell.imageView.layer.cornerRadius = 5
        cell.imageView.layer.masksToBounds = true
        cell.filterLabel.text = self.filtersLabels[indexPath.row]