從json到CollectionView自定義單元swift4的圖像數組

Question

我想將數據從JSON Url傳遞到集合視圖單元格，因此在解析json之后，我得到了URL鏈接數組，問題是如何將其發送到單元格imageView？

這是我的代碼

import UIKit

class ItemsListViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource{

  var myItems = [Item]()


  func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return myItems.count
  }

  func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! CollectionViewCell

    cell.itemPriseLabel.text = myItems[indexPath.row].currentPrice

    let imageUrl =   myItems[indexPath.row].productImageUrl
    print(imageUrl)


    cell.itemImage.image? = imageUrl[indexPath.row]

    return cell
  }

  var category1: Categories?

  @IBOutlet weak var colectionViewVariable: UICollectionView!

  override func viewDidLoad() {
    super.viewDidLoad()
    downloadJSON3 {
        self.colectionViewVariable.reloadData()

    }

    colectionViewVariable?.dataSource = self
    colectionViewVariable?.delegate = self

    // Do any additional setup after loading the view.
  }

}

Answer 1

func getDataFromUrl(url: URL, completion: @escaping (Data?, URLResponse?, Error?) -> ()) {
    URLSession.shared.dataTask(with: url) { data, response, error in
        completion(data, response, error)
    }.resume()
}

func downloadImage(url: URL) {
    print("Download Started")
    getDataFromUrl(url: url) { data, response, error in
        guard let data = data, error == nil else { return }
        print(response?.suggestedFilename ?? url.lastPathComponent)
        print("Download Finished")
        DispatchQueue.main.async() {
            self.imageView.image = UIImage(data: data)
        }
    }
}

復制：在這里找到答案我已經將其堆積成一個簡潔的答案，但是您肯定應該閱讀鏈接中的答案，因為它更加完整，更好。

Answer 2

func collectionView（_ collectionView：UICollectionView，cellForItemAt indexPath：IndexPath）-> UICollectionViewCell {讓單元格= collectionView.dequeueReusableCell（withReuseIdentifier：“ CollectionViewCell”，for：indexPath）為！ CollectionViewCell

    cell.itemPriseLabel.text = myItems[indexPath.row].currentPrice

    if let imageUrl = myItems[indexPath.row].productImageUrl.first {

        URLSession.shared.dataTask(with: imageUrl, completionHandler: { (data, response, error) in
            guard let data = data, response != nil, error == nil else {return}


            DispatchQueue.main.async(execute: { () -> Void in
                let image = UIImage(data: data)

                if let cell = collectionView.cellForItem(at: indexPath) as? CollectionViewCell {
                    cell.itemImage.image = image
                }

            })
        }).resume()

    }

    return cell
}