URLSessionの処理が完了したタイミングでcollectionViewメソッドを呼んでほしい

Question

URLSessionを使って、HTMLデータを取得し、画像データだけを抜き出して
matchStrings[String]変数に代入します。

その配列の数だけCollectionViewのCellを生成したいのですが、matchStrings配列に値が入る前にCollectionViewメソッドが呼ばれて、Cell数が決定してしまい、うまくいきません。

自分なりに解決策を調べて見たのですが、良い方法がなかなか見つからず、頼らせていただくことにしました。

ぜひ皆様のアドバイスをいただきたく思います。
よろしくお願いします。

以下ソースコード

import UIKit

class ViewController: UICollectionViewController {
  
  var matchStrings:[String] = []
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let url = URL(string: "http://moeimg.net/11414.html")
    
    let task = URLSession.shared.dataTask(with: URLRequest(url: url!), completionHandler: { (data, response, error) in
      if error != nil {
        print(error!.localizedDescription)
      } else {
        let json: String = NSString(data:data!,encoding:String.Encoding.utf8.rawValue)! as String
//        let pattern = "src=\"(.+?)\""
//        let pattern = "http://.+?\.jpg\""
        let pattern = "http\\"?([\-_\.\!\~\*\'\(\)a-z0-9\;\/\?\:@&=\+\$\,\%\#]+(jpg|jpeg|gif|png|bmp))"
//        print(pattern)
        self.matchStrings = self.getMatchStrings(targetString: json, pattern: pattern)
        for str in self.matchStrings {
          print(str)
        }
//        print(json)
      }
    })
    task.resume()
    
  }
  
  
  func getMatchStrings(targetString: String, pattern: String) -> [String] {
    
    var matchStrings:[String] = []
    
    do {
      
      let regex = try NSRegularExpression(pattern: pattern, options: [])
      let targetStringRange = NSRange(location: 0, length: (targetString as NSString).length)
      
      let matches = regex.matches(in: targetString, options: [], range: targetStringRange)
      
      for match in matches {
        
        let range = match.range(at: 0)
        let result = (targetString as NSString).substring(with: range)
        
        matchStrings.append(result)
      }
      
      return matchStrings
      
    } catch {
      print("error: getMatchStrings")
    }
    return []
  }

  override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
   
    return matchStrings.count //この時点ではまだ配列に要素が入っておらずcountは0になっており、うまくいかない
  }
  
  override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) as! CollectionViewCell
    let url = URL(string: "http://img-cdn.jg.jugem.jp/584/719314/20170330_2059308.png")
    
    DispatchQueue.global().async {
      let data = try? Data(contentsOf: url!)
      DispatchQueue.main.async {
        cell.imageView.image = UIImage(data: data!)
      }
    }
    return cell
  }

}

Answer 1

通信が終わって配列に詰め込む処理をした後にreloadData()すれば良いだけですね。

let task = URLSession.shared.dataTask(with: URLRequest(url: url!), completionHandler: { (data, response, error) in
    if error != nil {
        
        // エラー
    } else {
        
        // データ取得成功（matchStrings配列に追加する処理） → CollectionViewを更新
        self.collectionView?.reloadData()
    }
})
task.resume()

Comments

[kusukusu]

解決しましたありがとうございます！
まさかこんなに簡単なことだったとはお恥ずかしいです・・・

[_Kentarou]

????????