将图片从资源库加载到 UICollectionView

Question

我正在使用 ELCImagePicker https://github.com/B-Sides/ELCImagePickerController 从手机库中挑选我的图像。 ELC 有两个返回选项，第一个是 UIImage 本身（我不希望它在选择超过 5 个图像时由于内存而崩溃）。第二个是图像的资产位置，这对记忆很有好处，尽管我的问题是在集合视图上显示图像时。

所以我有这段代码可以正常工作并显示图像，但是当我在集合视图中上下滚动时，它会有点滞后。我认为这是因为每次它想要加载一个单元格时，它都必须经过一个块及其异步。我正在尝试找到一种方法来消除滞后并使其平滑滚动。

任何帮助将不胜感激。 :)

 ALAssetsLibrary *library = [[ALAssetsLibrary alloc] init];

 [library assetForURL:_chosenImages[indexPath.row] resultBlock:^(ALAsset *asset) {

    UIImage *image = [UIImage imageWithCGImage:asset.thumbnail];
  // I believe the problem is here..
    [myCell.imageView setImage:image];
} failureBlock:^(NSError *error) {
    NSLog(@"An error occurred while loading image: %@", error.description);
}];

Answer 1

在ELCImagePickerController.m 的- (void)selectedAssets:(NSArray *)assets 方法中，您将能够看到这一行

ALAsset *asset = elcasset.asset;

在这一行之后，创建了一个字典，然后添加到returnArray。跳过这个字典创建部分。直接将资产添加到 returnArray。将 for 方法更改为如下所示：

for(ELCAsset *elcasset in assets) {
    ALAsset *asset = elcasset.asset;
    [returnArray addObject:asset];  
}

玩得开心。

***编辑*** 另外请创建一个单例来维护AssetLibrary 在ELCAlbumPickerController 中的生命。

Answer 2

首先，ALAssetsLibrary 不保证结果块在主线程上被调用。您应该在后台线程上执行昂贵的工作（生成UIImage），并且任何 UI 工作都应该在主线程上完成。所以你需要先解决这个问题：

dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{
    UIImage *image = [UIImage imageWithCGImage:asset.thumbnail];

    dispatch_async(dispatch_get_main_queue(), ^{
        [myCell.imageView setImage:image];
    });
});

其次，当您最终到达myCell 时，不再保证该单元格具有相同的内容。这是因为单元格在滚动期间被重用。所以你需要得到正确的单元格。

一种常见的方法是使用indexPath：

dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{
    UIImage *image = [UIImage imageWithCGImage:asset.thumbnail];

    dispatch_async(dispatch_get_main_queue(), ^{
        MyUICollectionViewCellSubclass *correctCell = (MyUICollectionViewCellSubclass *)[self.collectionView cellForItemAtIndexPath:indexPath];
        [correctCell.imageView setImage:image];
    });
});

但是，这仅在保证索引路径不会更改的情况下才有效，这取决于您的用例可能会或可能不会发生变化。例如，如果用户可以插入或删除项目，则您需要采用不同（但相似）的方法。

最后，确保在重复使用单元格时将nil 输出imageView 的image（这样在单元格滚动时不会显示旧图像。）

---

另外，我使用资产库已经有一段时间了，但我认为您不应该使用imageWithCGImage:，而应该使用imageWithCGImage:scale:orientation:。我相信您当前使用的方法在 Retina 设备上会显得模糊，并且可能会导致方向错误。