如何批量加载 TableView 单元格

Question

我正在寻找一种方法来平滑我的表格视图。 由于我有需要从 URL 下载图像的单元格，因此一个一个地加载 tableview 单元格非常慢并且会使 tableview 滞后。 此外，每次当我 go 回到以前的单元格时，表格视图都会重新加载。 所以我希望我可以在加载时使用 animation 分批加载 15 个单元格。 关于我如何做到这一点的任何想法？ 任何帮助表示赞赏。

PS：我下载的function合适吗？ 有没有其他更快更好的下载function？

我的代码：

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return posts.count
    }
    

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
    let post = posts[indexPath.row] // "post" are the firebase documents

    if post.posttype == 1{
        let cell = tableView.dequeueReusableCell(withIdentifier: TextPostCell.identifier, for: indexPath) as! TextPostCell
        cell.titleText.text = post.title
        cell.contentLable.text = post.content
        cell.userPhoto.downloadImage(from: post.userphoto, placeHolder: UIImage(named: "notfound")!)
        cell.username.text = post.sender
        return cell
            
    }else{
        let cell = tableView.dequeueReusableCell(withIdentifier: ImageTextPostCell.identifier, for: indexPath) as! ImageTextPostCell
        cell.titleText.text = post.title
        cell.photoImage.downloadImage(from: post.photo![0], placeHolder: UIImage(named: "notfound")!)
        print("success")
        cell.userphoto.downloadImage(from: post.userphoto, placeHolder: UIImage(named: "notfound")!)
        cell.username.text = post.sender
        return cell
    }
}
    
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // tableview selected
}

extension UIImageView{
    func downloadImage(from url: String?, placeHolder placeholder: UIImage) {
        print("Download Started")
        if let safeString = url{
            if let safeURL = URL(string: safeString){
                getData(from: safeURL) { data, response, error in
                    if error != nil{
                        print("Tony's Notes: Problem retrieving data")
                        print(error!)
                        self.image = placeholder
                    }
                    // always update the UI from the main thread
                    DispatchQueue.main.async() { [weak self] in
                        if let safeData = data{
                            self?.image = UIImage(data: safeData)
                            return
                        }
                    }
                }
            }else{
                self.image = placeholder
            }
        }else{
            self.image = placeholder
        }
    }
    
    func getData(from url: URL, completion: @escaping (Data?, URLResponse?, Error?) -> ()) {
        URLSession.shared.dataTask(with: url, completionHandler: completion).resume()
    }
}
  

Answer 1

您可能正在寻找预加载：预取行和预取消行。

https://developer.apple.com/documentation/uikit/uitableviewdatasourceprefetching