如何異步加載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] 

Answer 2

試試這個

dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0); 
    dispatch_async(queue, ^(void) { 

     NSData *imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:parsedData[@"imageURL"]]; 

     UIImage* image = [[UIImage alloc] initWithData:imageData]; 
     if (image) { 
      dispatch_async(dispatch_get_main_queue(), ^{ 

        cell.imageView.image = image; 
        [cell setNeedsLayout]; 

      }); 
     } 
    });