使用 API 中的 JSON 填充单元格

Question

我有 2 个来自不同 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"
        }
    ]
}

还有这个（用户）：

[
    {
        "userId": 1,
        "displayName": "Mikael",
        "avatarUrl": "http://qapital-ios-testtask.herokuapp.com/avatars/mikael.jpg"
    },
    {
        "userId": 6,
        "displayName": "Daniel",
        "avatarUrl": "http://qapital-ios-testtask.herokuapp.com/avatars/daniel.jpg"
    }
]

里面有更多的活动和用户，但我删除了它们以使其更短。

现在，目标将是这样的：example。

我已经设置了一个MainViewController 和一个MainViewControllerCell

主视图控制器：

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

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

struct Users: Decodable {
    let avatarUrl: String
    let displayName: String
    let userId: Int
}

class MainTableViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

//        let userJSONURLString = "https://qapital-ios-testtask.herokuapp.com/users"
        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 userURL = URL(string: userJSONURLString) else { return }
        guard let activitiesURL = URL(string: activitiesJSONURLString) else { return }

        URLSession.shared.dataTask(with: activitiesURL) { (data, response, err) in

            guard let data = data else { return }

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

                // Users
//                let users = try JSONDecoder().decode([Users].self, from: data)
//                print(users)

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

        }.resume()
    }

    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 0
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return 0
    }

MainControllerViewCell

class MainTableViewCell: UITableViewCell {

    @IBOutlet weak var descriptionLabel: UILabel!
    @IBOutlet weak var imgView: UIImageView!
    @IBOutlet weak var dateLabel: UILabel!
    @IBOutlet weak var amountLabel: UILabel!

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

}

如您所见，我已经可以读取 JSON。现在，我以前从未这样做过，所以我不知道哪种方法最好。

如何将userId 从Activity 连接到userId 从Users？

如何将amount、message 和头像连接到标签？

基本上如何使用 JSON 填充单元格以使其像示例一样？

Answer 1

你可以这样实现：

在您的MainControllerViewCell 中为User 添加属性

class MainTableViewCell: UITableViewCell {

    @IBOutlet weak var descriptionLabel: UILabel!
    @IBOutlet weak var imgView: UIImageView!
    @IBOutlet weak var dateLabel: UILabel!
    @IBOutlet weak var amountLabel: UILabel!

    var user: User? {
        didSet {
            descriptionLabel.text = user?.displayName 
            // etc... you set your cell's outlets in accordance to `user`s infos
        }
    }
}

然后在您的MainTableViewController 中注册已解码的用户并重新加载 tableView

class MainTableViewController: UITableViewController {

    var userList: [User] = []

    override func viewDidLoad() {
        super.viewDidLoad()

        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

            guard let data = data else { return }

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

                // Users
                let users = try JSONDecoder().decode([Users].self, from: data)
                userList = [] 
                userList.append(users)
                tableView.reloadData // reload 

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

        }.resume()
    }

    // MARK: - Table view data source

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

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        cell = dequeueReusableCell(withIdentifier: "MyCellIdentifier", for: indexPath) as! MainTableViewCell
        cell.user = userList[indexPath.row]
        return cell
    }
}

您将您的 userList 绑定到 TableView 数据源，并且每次 URLSession 完成并且解码器工作时重新加载数据