【问题标题】:Swift 4 tableView API PaginationSwift 4 tableView API 分页
【发布时间】:2018-11-22 21:37:54
【问题描述】:

我已成功解析和解码 JSON 数据,并显示在控制台中。我不知道当我在 tableView 上向下滚动时如何使用 api 设置分页并显示所有数据。我使用的 API 是https://rickandmortyapi.com/api/character/。提前感谢您的所有帮助!

这是我的主视图控制器中的代码

import UIKit

struct PagedCharacters: Codable {
    struct Info: Codable {
        let count: Int
        let pages: Int
        let next: String
        let prev: String
    }

    struct Results: Codable {
        let name: String
        let status: String
        let species: String
    }

    let info: Info
    let results: [Results]

}


class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

    @IBOutlet var uiTableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()
        getRickAndMortyData()


        self.uiTableView.dataSource = self
        self.uiTableView.delegate = self

        // Do any additional setup after loading the view.
    }

    func getRickAndMortyData() {

        //create instance of the url
        let url = "https://rickandmortyapi.com/api/character/"

        //construct the url, use guard to avoid nonoptional
        guard let urlObj = URL(string: url) else
        { return }

        //fetch data
        URLSession.shared.dataTask(with: urlObj) {(data, response, error) in

            //to avoid non optional in JSONDecoder
            guard let data = data else { return }

            do {
                //decode object
                let downloadedRickAndMorty = try JSONDecoder().decode(PagedCharacters.self, from: data)
             DispatchQueue.main.async {
                    self.uiTableView.reloadData()
                }
               print(downloadedRickAndMorty)

            } catch {
                print(error)

            }

            }.resume()

    }


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

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "rickandmortyCell") as? CharacterTableViewCell else { return UITableViewCell() }

        cell.nameLabel.text = "Name: " + PagedCharacters.Results[indexPath.row].name

        return cell
    }


}

这是我的 tableviewcell 类

import UIKit

class CharacterTableViewCell: UITableViewCell {

    @IBOutlet weak var nameLabel: 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
    }

}

这是打印解析数据时我在控制台中获取的数据。我仍然没有从不同的页面获取所有数据。

PagedCharacters(信息:API_Practice.PagedCharacters.Info(计数:493, 页数:25,下一个:“https://rickandmortyapi.com/api/character/?page=2”, 上一页:“”),结果:[API_Practice.PagedCharacters.Results(名称:“瑞克 Sanchez”,状态:“活着”,物种:“人类”), API_Practice.PagedCharacters.Results(名称:“莫蒂史密斯”,状态: “活着”,物种:“人类”),API_Practice.PagedCharacters.Results(名称: “Summer Smith”,状态:“活着”,物种:“人类”), API_Practice.PagedCharacters.Results(名称:“Beth Smith”,状态: “活着”,物种:“人类”),API_Practice.PagedCharacters.Results(名称: “杰瑞史密斯”,状态:“活着”,物种:“人类”), API_Practice.PagedCharacters.Results(name: "Abadango 集群 公主”,状态:“活着”,物种:“外星人”), API_Practice.PagedCharacters.Results(名称:“Abradolf Lincler”,状态: “未知”,物种:“人类”), API_Practice.PagedCharacters.Results(name: "Adjudicator Rick", status: “死”,物种:“人类”),API_Practice.PagedCharacters.Results(名称: “机构主管”,状态:“死亡”,物种:“人类”), API_Practice.PagedCharacters.Results(名称:“Alan Rails”,状态: “死”,物种:“人类”),API_Practice.PagedCharacters.Results(名称: “阿尔伯特爱因斯坦”,状态:“死亡”,物种:“人类”), API_Practice.PagedCharacters.Results(名称:“亚历山大”,状态: “死”,物种:“人类”),API_Practice.PagedCharacters.Results(名称: “外星人Googah”,状态:“未知”,物种:“外星人”), API_Practice.PagedCharacters.Results(名称:“外星莫蒂”,状态: “未知”,物种:“外星人”), API_Practice.PagedCharacters.Results(name: "Alien Rick", status: “未知”,物种:“外星人”), API_Practice.PagedCharacters.Results(名称:“阿米什机器人”,状态: “死”,物种:“外星人”),API_Practice.PagedCharacters.Results(名称: “安妮”,状态:“活着”,物种:“人类”), API_Practice.PagedCharacters.Results(名称:“天线莫蒂”,状态: “活着”,物种:“人类”),API_Practice.PagedCharacters.Results(名称: “天线瑞克”,状态:“未知”,物种:“人类”), API_Practice.PagedCharacters.Results(name: "我眼中的蚂蚁约翰逊", 状态:“未知”,物种:“人类”)])

如果你还需要什么,请告诉我。谢谢!

【问题讨论】:

标签: api uitableview pagination swift4


【解决方案1】:

你的逻辑有很多缺陷,所以我用最小的改动重写了它。现在它将为您服务。

import UIKit
struct PagedCharacters: Codable {
    let info: Info
    let results: [Results]

}
struct Info: Codable {
    let count: Int
    let pages: Int
    let next: String
    let prev: String
}

struct Results: Codable {
    let name: String
    let status: String
    let species: String
}

这是视图控制器类的代码:

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

    @IBOutlet var uiTableView: UITableView!
    var aryDownloadedData:[Results]?
    var nextPageUrl:String!

    override func viewDidLoad() {
        super.viewDidLoad()
        getIntitalRickAndMortyData()


        self.uiTableView.dataSource = self
        self.uiTableView.delegate = self

        // Do any additional setup after loading the view.
    }
    func getIntitalRickAndMortyData(){
        aryDownloadedData = []
        //here first page is next page
        nextPageUrl = "https://rickandmortyapi.com/api/character/"
        getRickAndMortyData()
    }

    func getRickAndMortyData() {

        //construct the url, use guard to avoid nonoptional
        guard let urlObj = URL(string: nextPageUrl) else
        { return }

        //fetch data
        URLSession.shared.dataTask(with: urlObj) {[weak self](data, response, error) in

            //to avoid non optional in JSONDecoder
            guard let data = data else { return }

            do {
                //decode object
                let downloadedRickAndMorty = try JSONDecoder().decode(PagedCharacters.self, from: data)
                self?.aryDownloadedData?.append(contentsOf: downloadedRickAndMorty.results)
                self?.nextPageUrl = downloadedRickAndMorty.info.next

                DispatchQueue.main.async {
                    self?.uiTableView.reloadData()
                }
                print(self?.aryDownloadedData as Any)

            } catch {
                print(error)

            }

            }.resume()

    }


    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.aryDownloadedData?.count ?? 0
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        if let count = aryDownloadedData?.count, count>1{
            let lastElement = count - 1
            if indexPath.row == lastElement {
                //call get api for next page
                getRickAndMortyData()
            }
        }

        guard let cell = tableView.dequeueReusableCell(withIdentifier: "rickandmortyCell") as? CharacterTableViewCell else { return UITableViewCell() }

        cell.nameLabel.text = "Name: " + (self.aryDownloadedData?[indexPath.row].name ?? "default")

        return cell
    }
}

【讨论】:

  • @AaronTreinish :如果这是您正在寻找的解决方案,请投票并接受答案。谢谢?
  • 代码仍然只从第一页获取数据,而不是从其他页面获取数据。我还需要做什么才能从其他页面获取数据吗?
  • tableView(tableView: willDisplayCell:) 为你做这件事。一旦你到达列表的末尾,它将触发带有下一页 url 的 api 调用。
  • 我按照你的方式运行了代码,当我滚动到底部时,它不会触发带有下一页 URL 的 api 调用。它只是在 tableview 上有初始页面。
  • 当我到达 tableView 的底部时,如何一次解析来自不同页面的所有数据而不是这样做?我已经实现了一个搜索控制器,但我没有从 api 的其他页面获得结果,因为我还没有滚动浏览它。
猜你喜欢
  • 2018-08-21
  • 2016-05-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-02
  • 2019-09-26
  • 1970-01-01
相关资源
最近更新 更多