使用 UIImageView+AFNetworking，图像直到滚动才会出现

Question

我正在使用UIImageView+AFNetworking 在表格单元格中加载图像，但是 从服务器下载的图像不会显示在单元格中，直到再次向下和向上滚动。我以为我需要在tableView 中重新加载数据，但我不知道将所述重新加载代码放在哪里。

代码如下：

@IBOutlet weak var refresherTool: UIRefreshControl!



override func viewDidLoad() {
    super.viewDidLoad()


    let _ = dataRefresher.sharedInstance.refreshVideos(fromUrl: "https://api.vid.me/videos/featured", withLimit: "100", withOffset: "0", completion: {
        featuredVideos in dataRefresher.sharedInstance.featuretVideos = featuredVideos
        DispatchQueue.main.async {
            self.tableView.reloadData()
        }
    })

}

@IBAction func refreshBtn(_ sender: UIRefreshControl) {
    let _ = dataRefresher.sharedInstance.refreshVideos(fromUrl: "https://api.vid.me/videos/featured", withLimit: "100", withOffset: "0", completion: {
        featuredVideos in dataRefresher.sharedInstance.featuretVideos = featuredVideos
        self.refresherTool.endRefreshing()
        DispatchQueue.main.async{
            self.tableView.reloadData()
        }
    })
    refresherTool.endRefreshing()
}


override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    if dataRefresher.sharedInstance.featuretVideos == nil {
        return 0
    }
    return 100
}


override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "featuredCell", for: indexPath)
    //  if dataRefresher.sharedInstance.featuretVideos == nil { return cell}
    let newImage = UIImageView()
    newImage.setImageWithUrl(URL.init(string: dataRefresher.sharedInstance.getVideosThumbnailUrls(fromVideos: dataRefresher.sharedInstance.featuretVideos)[indexPath.row])!, placeHolderImage: #imageLiteral(resourceName: "first"))
   // newImage.setImageWithUrl(URL.init(string: urls[indexPath.row])!)
    cell.imageView?.image = newImage.image

    cell.textLabel?.text = dataRefresher.sharedInstance.getVideosTitels(fromVideos: dataRefresher.sharedInstance.featuretVideos)[indexPath.row]

    print(indexPath.row)
    print(newImage.image!)
    return cell
}

Answer 1

setImageWithUrl 方法是异步的，这意味着如果引用的图像还没有在本地缓存中，它只会在未来的某个时间被下载。

但是，您的代码会尝试立即获取图像：

let newImage = UIImageView()
newImage.setImageWithUrl(..., placeHolderImage: ...)
cell.imageView?.image = newImage.image <-- synch call, image is nil here at first!

---

幸运的是，无需重新加载表格视图或执行任何其他神秘技巧；停止做不必要的事情。

移除临时的UIImageView，直接将图片加载到cell的UIImageView中。

上面的代码变成：

cell.imageView?.setImageWithUrl(..., placeHolderImage: ...)