在单元格上使用JSON数据

Question

我从API获得了这个JSON：

{
    "oldest": "2019-01-24T00:00:00+00:00",
    "activities": [
        {
            "message": "<strong>Henrik</strong> didn't resist a guilty pleasure at <strong>Starbucks</strong>.",
            "amount": 2.5,
            "userId": 2,
            "timestamp": "2019-05-23T00:00:00+00:00"
        },
        {
            "message": "<strong>You</strong> made a manual transfer.",
            "amount": 10,
            "userId": 1,
            "timestamp": "2019-01-24T00:00:00+00:00"
        }
    ]
}

它有更多的活动。 如何访问它并用其数据填充我的单元格？ 到目前为止，我有这个代码：

MainViewController：

struct Activities: Decodable {
    var oldest: String
    var activities: [Activity]
}

struct Activity: Decodable {
    var message: String
    var amount: Float
    var userId: Int
    var timestamp: String
}

class MainTableViewController: UITableViewController, UITableViewDataSourcePrefetching {

    var activityList: [Activities] = []
    var activity: [Activity] = []

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.dataSource = self
        tableView.prefetchDataSource = self

        let activitiesJSONURLString = "https://qapital-ios-testtask.herokuapp.com/activities?from=2016-05-23T00:00:00+00:00&to=2019-05-23T00:00:00+00:00"
        guard let activitiesURL = URL(string: activitiesJSONURLString) else { return }

        URLSession.shared.dataTask(with: activitiesURL) { (data, response, err) in
            // perhaps check err
            // also perhaps check response status 200 OK

            guard let data = data else { return }

            do {
                // Activities
                let activities = try JSONDecoder().decode(Activities.self, from: data)

            } catch let jsonErr {
                print("Error serializing json: ", jsonErr)
            }

            DispatchQueue.main.async {
                self.tableView.reloadData()
            }
        }.resume()
    }

    // MARK: - Table view data source

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

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

        return cell
    }

    // Prefetching
    func tableView(_ tableView: UITableView, prefetchRowsAt indexPaths: [IndexPath]) {
//        if indexPaths.contains(where: isLoadingCell) {
//            viewModel.fetchModerators()
//        }
    }
}

但我认为有些事情已经结束。 或者我不知道如何开始。 我真的可以使用一些帮助或任何你可以给我的提示。 谢谢，麻烦您了！

Answer 1

因为您使用activityList来确定行数，所以我假设您要使用来自activityList的数据来填充您的ActivityCell 。 也就是说，除非，你的意思是对activityList是单个实例Activities ，而不是数组Activities ，在这种情况下，你可能会使用activityList.activities.count ，以便确定的行数。 在任何一种情况下，我们只需调用您要用来填充单元activityList的数据数组。

在这种情况下，您应确保将activityList更新为您从API获取的活动。 一旦有了activityList ，就可以使用reloadData来触发表视图委托方法。 在tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)您可以使用activityList来更新出列的单元格。

这样的事情可能就是你想要的：

class MainTableViewController: UITableViewController, UITableViewDataSourcePrefetching {

    var activityList: Activities!
    var activity: [Activity] = []

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.dataSource = self
        tableView.prefetchDataSource = self

        let activitiesJSONURLString = "https://qapital-ios-testtask.herokuapp.com/activities?from=2016-05-23T00:00:00+00:00&to=2019-05-23T00:00:00+00:00"
        guard let activitiesURL = URL(string: activitiesJSONURLString) else { return }

        URLSession.shared.dataTask(with: activitiesURL) { (data, response, err) in
            // perhaps check err
            // also perhaps check response status 200 OK

            guard let data = data else { return }

            do {
                // Activities
                let activities = try JSONDecoder().decode(Activities.self, from: data)
                self.activityList = activities

                DispatchQueue.main.async {
                    self.tableView.reloadData()
                }
            } catch let jsonErr {
                print("Error serializing json: ", jsonErr)
            }

        }.resume()
    }

    // MARK: - Table view data source

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

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "ActivityCell", for: indexPath) as! MainTableViewCell
        if let activity = activityList?[indexPath.row] {
            // UPDATE CELL ACCORDING TO activity
         }
        return cell
    }

}

Answer 2

首先，结构的命名非常令人困惑。 使用与Response或Root无关的内容命名根对象。

我们将把时间戳解码为Date

struct Root: Decodable {
    var oldest: Date
    var activities: [Activity]
}

struct Activity: Decodable {
    var message: String
    var amount: Float
    var userId: Int
    var timestamp: Date
}

其次，因为所有符合UITableViewDataSourcePrefetching都是毫无意义的。 删除它并删除prefetchRowsAt方法。

仅声明一个数据源数组并将其命名为activities

var activities = [Activity]()

并删除

 
 
 
  
  var activityList: Activities!
 
  

在数据任务的完成处理程序中解码Root并将activities数组分配给数据源数组

 do {
    // Activities
    let decoder = JSONDecoder()
    decoder.dateDecodingStrategy = .iso8601
    let result = try decoder.decode(Root.self, from: data)
    self.activities = result.activities

    DispatchQueue.main.async {
       self.tableView.reloadData()
    }
 } catch {
    print("Error serializing json: ", error)
 }

表视图数据源方法是

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

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "ActivityCell", for: indexPath) as! MainTableViewCell
    let activity = activities[indexPath.row]
    // assign the activity data to the UI for example
    // cell.someLabel = activity.amount
    return cell
}