Question

我正在使用iOS应用程序的远程数据构建表视图。我正在使用AlamoFire和SwiftyJSON来加载带有一堆剧集的JSON文件。

JSON文件的结构如下：

{
  "id": "456",
  "name": "EpOne",
  "description": "Episode description 1",
  "imageURL": "http://myimage.com/myimagefile1.jpg"
},
{
  "id": "789",
  "name": "Eptwo",
  "description": "Episode description 2",
  "imageURL": "http://myimage.com/myimagefile2.jpg"
} ...

所以我打电话给

getEpisodes(url: endpoint)

来自ViewDidLoad的

。这将运行以下内容：

func getEpisodes(url: String) {
    Alamofire.request(url, method: .get).validate().responseJSON { response in
        switch response.result {
        case .success(let value):
            let json = JSON(value)
            self.buildEpisodeArray(json: json)

        case .failure(let error):
            print(error)
        }
    }
}

func buildEpisodeArray(json: JSON) {
    if let allEpisodes = json["episodes"].array {
        for singleEpisode in allEpisodes {
            let currentEpisode = Episode()
            currentEpisode.name = singleEpisode["name"].string!
            currentEpisode.imageURL = singleEpisode["imageURL"].string!
            episodes.append(currentEpisode)
        }
    }
    tableView.reloadData()
}

然后我将数据加载到我的单元格

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cellIdentifier = "Cell"
    let cell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier, for: indexPath) as! EpisodeCell
    cell.nameLabel.text = episodes[indexPath.row].name

    // TODO Get the image

    return cell
}

此时一切正常。问题是当我尝试加载图像时。我已经检查了一些教程（我在这里有点新的东西），在用Alamofire获取数据后，他们使用contentsOf：url来获取图像。所以在我的情况下，我会替换＆＃34; // TODO获取图像＆＃34;与

// Get the image
    if let url = NSURL(string: episodes[indexPath.row].imageURL),
        let data = NSData(contentsOf: url as URL) {
        cell.episodeImage.image = UIImage(data: data as Data)
    }

这会加载图像，但表视图速度很慢。但是，没有使用contentsOf：url违背了使用alamofire加载数据的好处（我相信这就是为什么当我向上和向下滚动时表格这么慢）？

我不应该异步加载图像吗？如果是这样，我是否为每张图片单独制作Alamofire.request？

我找到了使用Alamofire加载数据的教程，以及其他加载图像的教程（但没有其他内容），但如果我想加载数据并加载图像以获取该数据该怎么办？

感谢您提供的任何帮助。

Answer 1

我建议你使用SDWebImage，它还可以处理开箱即用的图像缓存： https://github.com/rs/SDWebImage

基本上很容易使用它：

import SDWebImage

// Get the image
cell.episodeImage.sd_setImage(with: URL(string: episodes[indexPath.row].imageURL))

使用Alamofire使用JSON中的URL加载图像

1 个答案: