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

Question

我正在使用 UIImageView+AFNetworking 在 table 单元格中加载图像，但是从服务器下载的图像不会显示在单元格中，直到再次向下和向上滚动。我认为我需要在 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!

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

删除临时的 UIImageView 并直接将图像加载到单元格的 UIImageView 中。

以上代码变为：

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

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

Using UIImageView+AFNetworking, images doesn't appear until scrolling

uitableview

ios

afnetworking

swift