Question

我使用SDWebImage以异步方式在UITableView中下载和缓存图像，但我遇到了一些问题。

方案如下：创建单元格时，我想在真实图像进入之前从URL加载低质量模糊图像（1-2kb）。下载更高质量的图像后，我想显示该图像。到目前为止，我已经尝试过这些选项，但似乎没有一个像我期望的那样工作：

1：

    SDWebImageManager *manager = [SDWebImageManager sharedManager];
    [manager downloadImageWithURL:[NSURL URLWithString:lowQualityImageURL]
                          options:0
                         progress:^(NSInteger receivedSize, NSInteger expectedSize) {}
                        completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {

                            if (finished) {
                                cell.pictureView.image = image;
                                [manager downloadImageWithURL:[NSURL URLWithString:highQualityImageURL]
                                                      options:0
                                                     progress:^(NSInteger receivedSize, NSInteger expectedSize) {}
                                                    completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
                                                        if (image && finished) {
                                                            [UIView transitionWithView:cell.pictureView
                                                                              duration:0.1f
                                                                               options:UIViewAnimationOptionTransitionCrossDissolve
                                                                            animations:^{
                                                                                cell.pictureView.image = image;
                                                                            } completion:^(BOOL finished) {

                                                                            }];
                                                        }
                                                    }];
                            }
                        }];

使用此代码时，低质量图像似乎会在真实图像之前下载并显示，但如果用户在表格中快速滚动，则最终会出现某些单元格的错误图像（因为细胞重复使用 - 我猜）。 - 这里有解决方案吗？

2：

[cell.pictureView sd_setImageWithURL:[NSURL URLWithString:lowQualityImageURL] placeholderImage:[UIImage new] options:SDWebImageRefreshCached completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
            [cell.pictureView sd_setImageWithURL:[NSURL URLWithString:highQualityImageURL] placeholderImage:image options:SDWebImageRefreshCached completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {

            }];
    }];

这种方法似乎可以解决细胞错误的图像问题。问题，但大多数细胞最终显示其相应的模糊图像，而不是应该显示的高质量图像。

所以，总而言之，您对如何实现我想要的结果有什么建议吗？（下载低质量图像 - ＆gt;显示它直到下载高质量图像 - ＆gt;用高质量图像替换它）

LE：当使用第二种方法时，我看到一种奇怪的行为。控制台输出：

为单元格设置的拇指：1
为单元格设置的实际图像：1
为单元格设置的拇指：2
拇指设置为单元格：3
为单元格设置的拇指：0
为单元格设置的实际图像：0

看来不知何故，部分下载被取消了。

Answer 1

我最终使用了两个UIImageViews，每张照片一个，重叠。当真实（大）图像被完全下载时，我会平滑地淡化模糊的图像。

Answer 2

这是我在Swift中使用Nuke编写的辅助函数：

func loadImageWithTwoQualities(lowQualityURL: NSURL, highQualityURL: NSURL, completion: (UIImage) -> () ) {

    Nuke.taskWith(lowQualityURL) {
        completion($0.image!)

        Nuke.taskWith(highQualityURL) {
            completion($0.image!)
        }.resume()

    }.resume()
}

您可以将它用于任何类型的图像视图，如下所示：

let normalImageUrl = NSURL(string: picture)!
let largeImageUrl = NSURL(string: picture + "?type=large")!

loadImageWithTwoQualities(normalImageUrl, highQualityURL: largeImageUrl) { image in
     self.someUIButton.setBackgroundImage(image, forState: .Normal)
}

SDWebImage Library - 来自网址

2 个答案: