swiftでcell内の非同期処理が完了してから表示させたい

Question

TableViewやCollectionViewのCellに、サーバーから非同期処理でダウンロードして画像を表示させる複数のImageViewを配置している時に、全ての非同期処理（画像ダウンロード）が終わるまでは画像を表示させず、処理が終わったら同時に全ての画像を表示させることを実現したいです。

どのようにするのが良いでしょうか？
画像のダウンロードは、現状は、Alamofire Imageを使っていますが、他のものを使ったやり方でも構いません。
アドバイスお願いします。

Answer 1

自分がよくやる方法は

対象のUIViewControllerにdataSource変数をもたせて（名前とかは何でもいいですが）
それに対して、非同期処理が終わったタイミングで返ってきた値をdataSourceに入れて、reloadDataを走らせるやり方です。

参考になれば幸いです

※dataSourceに入る値が厳密には何かわからなかったので、おっしゃっていた画像の配列をもたせています。

class TableViewController: UIViewController {
 
 var dataSource: [UIImage]?

 func viewDidLoad() {
  getData()
 }

  func getData() {
    //コールバックで値が返ってきたときに、dataSourceないに値を入れて、tableView.reloadDataを走らせる
  }
 
  
  
  func numberOfSections(in tableView: UITableView) -> Int {
        return 1
  }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        //dataSourceに値が入ってない場合は、0を返す。getDataでコールバックご再度tableViewのreloadデータを走らせて、dataSourceに値が入って入れば、そのぶんtableViewに値が表示される
        return dataSource != nil ? (dataSource.count)! : 0
    }


}

Comments

[_CHO]

回答ありがとうございます????
例えば、取得する画像データが３つあったとしたら、どのようにして全てのデータのダウンロードが完了したかを判定するのがいいでしょうか？
フラグを持たせて、全てのフラグが立つのをチェックするようなやり方でしょうか？

[komo_ta]

それもなくはないですが、基本的にはurlをコールバックでもらうのがいいかなと思います。それをSDWebImageで非同期でダウンロードするのがいいかなと思います〜

//urlをstringの配列で受け取る
dataSource: [String]?

//cellForメソッド内で、以下のメソッドを実行
let encodeStr = dataSource[indexPath.row].addingPercentEncoding(withAllowedCharacters: CharacterSet.urlQueryAllowed)
cell.imageView.sd_setImage(with: URL(string: encodeStr!), placeholderImage: UIImage(named: "no_image"))

多分AlamofireImageでもできると思うんですが、SDWebimageを使い慣れているので。。。