Swiftを使用したテーブルビューでの画像の遅延読み込み

テーブルビューセルに画像を読み込むには、一連の手順を実行します。

テーブルビュー、テーブルビューセルを作成し、それに画像ビューを追加します。

作成したセルにカスタムクラスを割り当てます。

メソッドの行のセルに、次のコード行を記述します。

let cell = tblView.dequeueReusableCell(withIdentifier: "CustomCell") as! CustomCell
return cell

画像をダウンロードするには、関数を作成して拡張機能に埋め込みます。

func setImageFromUrl(ImageURL :String) {
   URLSession.shared.dataTask( with: NSURL(string:ImageURL)! as URL, completionHandler: {
      (data, response, error) -> Void in
      DispatchQueue.main.async {
         if let data = data {
            self.image = UIImage(data: data) 
         }
      }
   }).resume()
}

次に、同じ関数をUIImageViewの拡張機能に埋め込んで、任意の画像で使用できるようにします。

次の関数の行のセルで、imgはカスタムクラスのアウトレットです。

cell.img.setImageFromUrl(ImageURL: url)

この例では、オープンソースの "https://homepages.cae.wisc.edu/~ece533/images/boat.png"の画像を使用しました。

iPhone 7以降のシミュレーターで同じコードを実行すると、以下の結果が得られます-