如何在 swift 3 中将图像从服务器加载到 tableView 单元格？答案

【问题标题】：How to load image from server to tableView cell in swift 3?如何在 swift 3 中将图像从服务器加载到 tableView 单元格？
【发布时间】：2017-01-06 17:26:30
【问题描述】：

我正在尝试将新闻加载到 tableView 中，我做到了。如何将图像加载到标题旁边的 tableView 单元格？

我希望将图片加载到标题的左侧。

主持人： https://api.sis.kemoke.net/news

图片网址变量：imgUrl

这是我的课：

import Alamofire //Framework for handling http requests
import UIKit 

/*A class which will process http requests, receive the news as string and fill the array with such data which will be displayed in a table*/
class NewsTableViewController: UITableViewController {
    //Custom struct for the data
    struct News {
        let title : String
        let text : String
        let link : String

        init(dictionary: [String:String]) {
            self.title = dictionary["title"] ?? ""
            self.text = dictionary["text"] ?? ""
            self.link = dictionary["link"] ?? ""
        }
    }

    //Array which holds the news
    var newsData = [News]()

    // Download the news
    func downloadData() {
        Alamofire.request("https://api.sis.kemoke.net/news").responseJSON { response in
            print(response.request)  // original URL request
            print(response.response) // HTTP URL response
            print(response.data)     // server data
            print(response.result)   // result of response serialization

            //Optional binding to handle exceptions
            self.newsData.removeAll() // clean the data source array
            if let json = response.result.value as? [[String:String]] {
                for news in json {
                    self.newsData.append(News(dictionary: news))
                }
                self.tableView.reloadData()
            }
        }
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        downloadData()
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return newsData.count
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
        let news = newsData[indexPath.row]
        cell.textLabel?.text = news.title
        return cell
    }
}

【问题讨论】：

您过去搜索和查看过哪些相关问题？
阅读UITableViewCell 的文档，您可能会发现类似于textLabel 的内容可以帮助您。
在 swift 3 和 2.2 中检查这个：stackoverflow.com/a/37019507/3400991@Adin Ljudina

标签： ios json swift uitableview

【解决方案1】：

不知何故，做这样的事情的“最佳实践”是为每个新闻创建一个自定义单元格（UITableViewCell）和一个模型类。这种情况是每个“快速教程网站”都有一些例子。您可以在以下链接中找到其中一些：

http://www.kaleidosblog.com/swift-uitableview-load-data-from-json

https://grokswift.com/uitableviewcell-images-from-api/

【讨论】：

【解决方案2】：

斯威夫特 3 这段代码是tableview，使用tableview单元格中的图像和标签打印获取api Json解析数据

func tableView(_tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 让 cell = tableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath) as！ TableViewCell

    var dict = array[indexPath.row]
    cell.lbl1.text = dict["address"] as? String
    cell.lbl2.text = dict["ad_created_date"] as? String
    cell.lbl3.text = dict["phone_number"] as? String
    cell.lbl4.text = dict["id"] as? String
    cell.lbl5.text = dict["ad_zip"] as? String

    let imageUrlString = dict["ad_path"]
    let imageUrl:URL = URL(string: imageUrlString as! String)!
    let imageData:NSData = NSData(contentsOf: imageUrl)!
    cell.img.image = UIImage(data: imageData as Data)



    return cell
}

【讨论】：