Question

我有一个名为ShowCarClass的类

它将使用TableView显示汽车的名称和图像

class ShowCarClass:UIViewController {

@IBOutlet weak var tableView: UITableView!
var car = [Car]()

 override func viewDidLoad() {
        super.viewDidLoad()
    }

    func myAPI() {
         startAnimating()
         let json = CarType.Request
         api.getAPIResponse(apiURL:.Car ,jsonType: json) {(isSuccess, result) in

         switch isSuccess {

         case true: 
         let successResult = result as! CarType.Response
         //car array result like this
                 [Car(carName:"BMW",carImg:"https://00.00.00/static/image/BMW.png"),Car(carName:"Audi",carImg:"https://00.00.00/static/image/Audi.png")]
                 self.tableView.delegate = self
                 self.tableView.dataSource = self
                 self.tableView.reloadData()

         case false:
         self.APIErrorStatus(result)
                }
          stopAnimating()
           }
        }

当我按下Button时，它可以调用myApi（）并更新tableview内容

此ViewController具有3个按钮，它将分别获取不同的数据

@IBAction func btnPress(_ sender: UIButton) {
         callAPI()
}

在cellForRowAt函数中，我使用carImg的URL下载图像

extension ShowCarClass:UITableViewDelegate, UITableViewDataSource{
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return car.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! CarCell
        cell.carNameLabel.text = car[indexPath.row].carName
        cell.carImageView.downloaded(from:car[indexPath.row].carImg, contentMode: .scaleToFill)
        return cell
    }
}

这是扩展程序UIImageView

extension UIImageView {
    func downloaded(from url: URL, contentMode mode: UIView.ContentMode = .scaleAspectFit) {
        contentMode = mode
        URLSession.shared.dataTask(with: url) { data, response, error in

        guard   let httpURLResponse = response as? HTTPURLResponse, httpURLResponse.statusCode == 200,
                let mimeType = response?.mimeType, mimeType.hasPrefix("image"),
                let data = data, error == nil,
                let image = UIImage(data: data) else {
                    return
            }

            DispatchQueue.main.async() {
                self.image = image
            }

            }
            .resume()
    }

    func downloaded(from link: String, contentMode mode: UIView.ContentMode = .scaleAspectFit) {
        guard let url = URL(string: link) else { return }
        downloaded(from: url, contentMode: mode)
    }
}

在ShowCarClass中，我在调用myAPI（）时显示startAnimating

但是我需要使用图像URL下载图像

这种情况会使动画的开始和停止动画完成得太快

TableView看起来像是我实际上已获得所需的数据

但是Car的数组内容具有我必须另外处理的URL

我希望它可以下载所有图像，并实现stopAnimating

步骤类似于：用户打开应用程序->调用myApi（）-> startAnimating->全部

carName和CarImage完全-> stopAnimating->加载到TableView

->用户可以查看所有汽车信息（在数据完成之前无法滑动表格视图）

我真的很新，不擅长询问是否需要更多信息，请问我。

Answer 1

您可以使用DispatchGroup

let dispatchGroup = DispatchGroup()

let imageCount = 10

for _ in 1...imageCount{
   dispatchGroup.enter()
   ImageDownloader.download(image: "url") { result in
      dispatchGroup.leave()
   }
}

dispatchGroup.notify(queue: .main) 
    tableView.reloadData()
}

如何等待所有数据完全下载并显示在TableView上？

1 个答案: