在 Swift 的 collectionViewCell 中缓存图像？

Question

我的 collectionViewCell 中有通过 NSURLRequest 获取和解析的图像，我如何缓存这些图像，这样它们就不必在视图的每一次出现/消失时启动新请求？

这是我获取图像的代码：

class funnyPicture: NSObject {

    var pfPicture : PFObject
    var coverImage : UIImage!

    init(pfPicture: PFObject) {
        self.pfPicture = pfPicture
    }

    func fetchCoverImage(completion: (image: UIImage?, error: NSError?) -> Void) {
        let urlString = self.pfPicture["funnyPictures"] as! String
        let url = NSURL(string: urlString)
        let request = NSURLRequest(URL: url!)
        let queue = dispatch_get_main_queue()

        NSURLConnection.sendAsynchronousRequest(request, queue: NSOperationQueue.mainQueue()) { (response: NSURLResponse?, data: NSData?, error: NSError?) in
            if error == nil {
                self.coverImage = UIImage(data: data!)
                completion(image: self.coverImage, error: nil)
            } else {
                completion(image: nil, error: error)
            }
        }
    }
}

这是我的 collectionView 代码，用于将图像解析到 collectionViewCell 的：

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

        // Configure the cell
        let book = self.books[indexPath.row]
        let coverImage = book.coverImage
        if coverImage == nil {
            book.fetchCoverImage({ (image, error) -> Void in
                if self.collectionView != nil {
                    collectionView.reloadItemsAtIndexPaths([indexPath])
                }
            })
        } else {
            dispatch_async(dispatch_get_main_queue()){
                let imageView = cell.imageView
                imageView.image = book.coverImage
            }
        };
        if book.coverImage == nil {
            cell.imageView.userInteractionEnabled = false
            cell.userInteractionEnabled = false
        }else {
            cell.imageView.userInteractionEnabled = true
            cell.userInteractionEnabled = true

        }

        return cell
    }

虽然我收到了对第三方框架的引用，但我没有收到任何关于如何使用我在问题中提供的代码来实现它们的答案，甚至没有收到使用苹果已经实现缓存机制的答案。原因我把代码放在问题中是为了在答案中使用。谢谢。

Answer 1

这是您的收藏视图单元格的示例：

import UIKit

let imageCache = NSCache<AnyObject, AnyObject>.sharedInstance

class myCell: UICollectionViewCell {

    @IBOutlet public weak var myImageView: UIImageView?

    private var imageUrlString: String?

    private var downloadTask: URLSessionDownloadTask?
    public var imageURL: URL? {
        didSet {
            self.downloadItemImageForSearchResult(imageURL: imageURL)
        }
    }

    override func awakeFromNib() {
        super.awakeFromNib()

        // Initialization code
    }

    public func downloadItemImageForSearchResult(imageURL: URL?) {

        if let urlOfImage = imageURL {
            if let cachedImage = imageCache.object(forKey: urlOfImage.absoluteString as NSString){
            self.myImageView!.image = cachedImage as? UIImage
        } else {
            let session = URLSession.shared
            self.downloadTask = session.downloadTask(
                with: urlOfImage as URL, completionHandler: { [weak self] url, response, error in
                    if error == nil, let url = url, let data = NSData(contentsOf: url), let image = UIImage(data: data as Data) {

                        DispatchQueue.main.async() {

                            let imageToCache = image

                            if let strongSelf = self, let imageView = strongSelf.myImageView {

                                imageView.image = imageToCache

                                imageCache.setObject(imageToCache, forKey: urlOfImage.absoluteString as NSString , cost: 1)
                            }
                        }
                    } else {
                        //print("ERROR \(error?.localizedDescription)")
                    }
            })
            self.downloadTask!.resume()
        }
      }
    }

    override public func prepareForReuse() {
      self.downloadTask?.cancel()
      myImageView?.image = UIImage(named: "ImagePlaceholder")
    }

    deinit {
      self.downloadTask?.cancel()
      myImageView?.image = nil
    }
}

别忘了为 NSCache 做一个扩展 像这样：

import Foundation

extension NSCache {
  class var sharedInstance: NSCache<NSString, AnyObject> {
      let cache = NSCache<NSString, AnyObject>()
      return cache
  }
}

Answer 2

使用 NSCache 和 NSOperationQueue 来管理您的图像加载。 https://stackoverflow.com/a/12721899/5271191 有一篇很好的文章概述了该技术（它是 Objective-C，但 Swift 的技术是相同的。）

Answer 3

我强烈建议您对 UIImageView 使用干净的替换/扩展，这将对您透明地管理图像的缓存，并避免维护操作队列等不必要的复杂性。

如果内存缓存满足您的需求 - 看看这个 -

https://github.com/nicklockwood/AsyncImageView

如果你想要持久缓存，那么这个就可以了-

https://github.com/rs/SDWebImage

HTH。

Answer 4

我的 collectionViewCell 中有图像被提取和解析 通过 NSURLRequest，我如何缓存这些图像，这样它们就不必 每次出现/消失时开始一个新的请求 查看？

URL loading system 已经提供了缓存。看看the docs for NSURLCache。如果您需要的资源没有被充分缓存，您可能只需要调整分配给您应用的 URL 缓存的磁盘空间。

您还应该查看与您的资源一起返回的标头（缓存控制、过期等），以确保它们不会阻止缓存。 Here's a short tutorial on cache-related headers.

Answer 5

您应该为此使用专门的框架。我会不推荐使用 SDWebImage，它非常过时且不稳定。

看看这两个与 iOS 平台同步的库：

• DFImageManager - 用 Objective-C 编写的高级框架，但具有可空性注释（适用于 Swift）。这是一个比 SDWebImage 更好的list of things。 披露：这是我写的，观点可能有偏见。
• Kingfisher - 用 Swift 编写的轻量级库。与 SDWebImage 类似，但功能比 SDWebImage 和 DFImageManager 少。

Answer 6

我使用 swift 2 创建了一个库来请求图像并缓存它。很简单，试试看吧。

https://github.com/georgehadly/GHImageCaching

你能做的就是这样，

viewImg.getCachedImage("geo", URI: NSURL(string: "https://s-media-cache-ak0.pinimg.com/236x/8e/5a/98/8e5a98795dc2c5322cac97343a6cad6d.jpg")!) { (done) -> Void in
        if(done){
            // your extra
        }
    }

如果您想删除所有缓存的图像

UIImageView.deleteAllCaching()