Swift UITableView：如何从 JSON 加载数据

Question

我是 Swift 的初学者，希望对我的第一个应用程序有所帮​​助。我希望我能解释清楚。我正在开发一个从 JSON 文件加载信息的应用程序。你们中有人知道如何将这些信息填充到 UI 表视图单元格中。我已经开发了 3 个视图控制器，在第一个中我有一个按钮，用户必须按下它，第二个 Tableview 控制器将被打开。我已经看过如何填充它的教程，但它似乎不起作用。第三个是表格视图单元格。让我告诉你：

class TableViewController: UITableViewController {
@IBOutlet weak var Bar: UIToolbar!
var TableData:Array< String > = Array < String >()
let ImageList = ["",""]
var TitleList = ["",""]
let DescriptionList = ["",""]

我必须在单元格图像、标题和描述中显示。 这是 JSON 文件：

 {
 “fruits” : [
 {
 “Name” : “Fruit1”,
 “Picture”:”http://www.starpropertiesindia.com/blog/wp-   content/uploads/2016/08/kochi1.jpg”,
“Description”:””,
},

  {
 “Name” : “Fruit2”,
 “Picture”:”http://www.starpropertiesindia.com/blog/wp-content/uploads/2016/08/kochi1.jpg”,
 “Description”:””,

},

如果有人建议我如何继续，我将非常感激..

准备在新视图中进行转场：

@IBOutlet weak var CellDescription: UILabel!
@IBOutlet weak var CellImage: UIImageView!
@IBOutlet weak var CellTitle: UILabel!
override func awakeFromNib() {
    super.awakeFromNib()
    // Initialization code
}

Answer 1

首先，不要对数据源使用多个数组。它们很容易出错，因为您有责任保持项目数量同步。

• 由于 Swift 是一种面向对象的语言，因此使用自定义结构作为模型

  struct Fruit {
    let name : String
    let imageURL : NSURL
    let description : String
  }
  

• 将Fruit 的空Swift 数组声明为数据源数组。基本上使用 always Swift 原生集合类型（而不是 NSArray 和 NSDictionary），因为它们包含类型信息。

  var fruits = [Fruit]()
  

• 创建一个函数来解析 JSON 并重新加载表格视图。该代码假定 JSON 文件名为 jsonFile.json 并位于应用程序包中。此外，它使用SwiftyJSON 库。

  func parseFruits() {
    guard let url = NSBundle.mainBundle().URLForResource("jsonFile", withExtension: "json"), jsonData = NSData(contentsOfURL: url) else {
      print("Error finding JSON File")
      return
    }
  
    let jsonObject = JSON(data: jsonData)
  
    let fruitArray = jsonObject["fruits"].arrayValue
    for aFruit in fruitArray {
      let name = aFruit["Name"].stringValue
      let imageURL = aFruit["Picture"].stringValue
      let description = aFruit["Description"].stringValue
  
      let fruit = Fruit(name: name, imageURL: NSURL(string:imageURL)!, description:description)
      fruits.append(fruit)
    }
  
    self.tableView.reloadData()
  }
  

• 在viewWillAppear调用解析函数

  override func viewWillAppear() {
    super.viewWillAppear()
    parseFruits()
  }
  

• 这些是表格视图数据源委托方法，假设单元格的标识符是Cell，并且单元格的样式是Right Detail 或Subtitle

  override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return fruits.count
  }
  
  override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath)
    let fruit = fruits[indexPath.row]
    cell.textLabel!.text = fruit.name
    cell.detailTextLabel?.text = fruit.description
    // add code to download the image from fruit.imageURL
    return cell
  }
  

---

编辑：

在 Swift 4 中，一切都变得更短更方便。最显着的变化是去掉SwiftyJSON，改用Decodable

struct Fruit : Decodable {
   let name : String
   let imageURL : URL
   let description : String
}

func parseFruits() {
    let url = Bundle.main.url(forResource:"jsonFile", withExtension: "json")!
    let jsonData = try! Data(contentsOfURL: url)
    self.fruits = try! JSONDecoder().decode([Fruit].self, from: jsonData)
    self.tableView.reloadData()
}

Answer 2

试试这个对你有帮助

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
        {
             let cell = tableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath) as! TableViewCell

        var dict = array[indexPath.row]
        cell.lbl1.text = dict["Name"] 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["Picture"]
        let imageUrl:URL = URL(string: imageUrlString as! String)!
        let imageData:NSData = NSData(contentsOf: imageUrl)!
        cell.img.image = UIImage(data: imageData as Data)



        return cell
    }

Answer 3

您已经获得了 Json 数据，只需将其放入数组中并将它们加载到表视图中，如下所示：

    var tableData:NSArray = []

    self.tableData = json["fruits"] as! NSArray
    // In the place of json put your json object
    self.tableView.reloadData()

}

override func numberOfSectionsInTableView(tableView: UITableView) -> Int {

    return 1
}

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    return self.tableData.count
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as! UITableViewCell

    let item = self.tableData[indexPath.row] as! [String : String]
    cell.nameLabel?.text = item["Name"]
    cell.descriptionLabel?.text = item["Description"]

    return cell
}