Question

我正在使用swift 3.0中的一个项目，我通过使用NSCache来缓存来自服务器的响应，以便在UITableView中填充它们。但是出于某种原因，我只是看到第一次加载应用程序时加载的图片很少，但如果我滚动并返回，我会看到所有内容（从服务器检索响应的结束我也重新加载了我的tableview，但是似乎不是这样）。我不确定我在这里完全遗漏了什么，下面的代码显示了我如何缓存图片。

let imageCache = NSCache<AnyObject, AnyObject>()
var imageURLString : String?

extension UIImageView {


    public func imageFromServerURL(urlString: String) {
        imageURLString = urlString

        if let url = URL(string: urlString) {

            image = nil


            if let imageFromCache = imageCache.object(forKey: urlString as AnyObject) as? UIImage {

                self.image = imageFromCache

                return
            }

            URLSession.shared.dataTask(with: url, completionHandler: { (data, response, error) in

                if error != nil{
                    print(error as Any)


                    return
                }

                DispatchQueue.main.async(execute: {

                    if let imgaeToCache = UIImage(data: data!){

                        if imageURLString == urlString {
                            self.image = imgaeToCache
                        }

                        imageCache.setObject(imgaeToCache, forKey: urlString as AnyObject)// calls when scrolling
                    }
                })
            }) .resume()
        }
    }
}

Answer 1

我认为这是一种更好的方法，使用子类而不是扩展，（从Jageen的评论中获取帮助，因为我们不能在扩展中包含存储的属性，所以我们使用封装的想法）

let imageCache = NSCache<AnyObject, AnyObject>()


    class CustomImageView: UIImageView {

            var imageUrlString: String?
            func loadImageUsingUrlString(_ urlString: String) {
                    let url = URL(string: urlString)
                    imageUrlString = urlString
                    image = nil

                    if let imageFromCache = imageCache.object(forKey: urlString as AnyObject) as? UIImage {
                            self.image = imageFromCache
                            return
                    }

                    URLSession.shared.dataTask(with: url!) { (data, response, error) in
                            if error != nil {
                                    print(error!)
                                    return

                            }

                            DispatchQueue.main.async {

                                    let imageToCache = UIImage(data: data!)
                                    if self.imageUrlString == urlString {
                                           self.image = imageToCache  
                                    }
                                    imageCache.setObject(imageToCache!, forKey: urlString as AnyObject)

                            }

                            }.resume()

            }
    }

- 现在使用此子类作为您在屏幕上显示的imageViews的类型

Answer 2

这里的图像正在下载并存储在缓存中就好了。问题在于tableview单元格的更新。

当表格视图将单元格加载到表格时，图像尚未下载。但是一旦下载了图像，我们必须有选择地更新单元格，以便立即显示图像。

由于您正在滚动，因此tableview再次调用'cellForRowatIndexpath'，在滚动时更新显示下载图像的单元格。

如果您仍然希望使用扩展名，我建议您添加tableView和indexpath作为参数，以便我们可以调用reload特定行并立即更新视图。

我更新了表重新加载代码和扩展中定义的函数的结构。让我知道它是怎么回事。

let imageCache = NSCache<AnyObject, AnyObject>()
var imageURLString : String?

extension UIImageView {


public func imageFromServerURL(urlString: String, tableView : UITableView, indexpath : IndexPath)) {
    imageURLString = urlString

    if let url = URL(string: urlString) {

        image = nil


        if let imageFromCache = imageCache.object(forKey: urlString as AnyObject) as? UIImage {

            self.image = imageFromCache

            return
        }

        URLSession.shared.dataTask(with: url, completionHandler: { (data, response, error) in

            if error != nil{
                print(error as Any)


                return
            }

            DispatchQueue.main.async(execute: {

                if let imgaeToCache = UIImage(data: data!){

                    if imageURLString == urlString {
                        self.image = imgaeToCache
                    }

                    imageCache.setObject(imgaeToCache, forKey: urlString as AnyObject)// calls when scrolling

    tableView.reloadRows(at: [indexpath], with: .automatic)

                }
            })
        }) .resume()
    }
}

第一次加载时，NSCache不能处理所有图像

2 个答案: