Swift：如何在 TableView 内的 CollectionView 中显示解析的 JSON 数据？答案

【问题标题】：Swift: How to Display Parsed JSON Data in CollectionView inside a TableView?Swift：如何在 TableView 内的 CollectionView 中显示解析的 JSON 数据？
【发布时间】：2016-11-02 11:39:59
【问题描述】：

我正在尝试将我的数据显示为 image.

我的问题是表格视图行中显示的数据都是一样的，而它应该显示数组的所有数据。

这是我用来在tableView中显示collectionView的代码：

var onlineNews = ["local", "Economy", "Variety", "international", "sport"]

var storedOffsets = [Int: CGFloat]()

var tableIndexPath: IndexPath!

@IBOutlet var listTableView: UITableView!

var tableIndex: Int = 0

var categoryResults = [JSON]() {
    didSet {
        listTableView.reloadData()
    }
}

let requestManager = RequestManager()


override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)

    for i in onlineNews {
        requestManager.categoryList(sectionName: i)
    }
}


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

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

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

    tableIndex = indexPath.row

    return cell
}

func tableView(_ tableView: UITableView,
               willDisplay cell: UITableViewCell,
               forRowAt indexPath: IndexPath) {
        guard let tableViewCell = cell as? NewsTableViewCell else { return }

        tableViewCell.setCollectionViewDataSourceDelegate(dataSourceDelegate: self, forRow: (indexPath as NSIndexPath).row)
        tableViewCell.collectionViewOffset = storedOffsets[(indexPath as NSIndexPath).row] ?? 0
}

func tableView(_ tableView: UITableView,
               didEndDisplaying cell: UITableViewCell,
               forRowAt indexPath: IndexPath) {

        guard let tableViewCell = cell as? NewsTableViewCell else { return }

        storedOffsets[(indexPath as NSIndexPath).row] = tableViewCell.collectionViewOffset
}

func numberOfSections(in collectionView: UICollectionView) -> Int {
    return 1
}

func collectionView(_ collectionView: UICollectionView,
                    numberOfItemsInSection section: Int) -> Int {

    return categoryResults.count
}

func collectionView(_ collectionView: UICollectionView,
                    cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ColCell",
                                                  for: indexPath) as! NewsCollectionViewCell


  cell.contentType.text = categoryResults[indexPath.row]["ContentType"].stringValue **// This is where I get the same values for all table view rows**
    cell.sectionName.text = onlineNews[tableIndex]


    return cell
}

我确信有人绝对可以帮助我解决这个问题，因为我知道只需稍作调整即可使其发挥作用，但不确定在哪里。

更新：

我遵循了一种我认为应该可行的方法，即将 JSON 数组声明为这样的 [[JSON]]，然后使用 categoryResults[collection.tag][indexPath.item]["ContentType"] .stringValue 以获取该值。但是，它给了我“索引超出范围”的消息。你知道我该如何解决这个问题吗？

var onlineNews = ["local", "Economy", "Variety", "international", "sport"]

var storedOffsets = [Int: CGFloat]()

@IBOutlet var listTableView: UITableView!

var tableIndex: Int = 0

var categoryResults = [[JSON]]() { // updated
    didSet {
        listTableView.reloadData()
    }
}

let requestManager = RequestManager()

override func viewDidLoad() {
    super.viewDidLoad()

    requestManager.resetCategory()

    updateSearchResults()

    NotificationCenter.default.addObserver(self, selector: #selector(ViewController.updateSearchResults), name: NSNotification.Name(rawValue: "categoryResultsUpdated"), object: nil)


}

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)

    for i in 0..<onlineNews.count {
        requestManager.categoryList(sectionName: onlineNews[i])


    }

}

func updateSearchResults() {
    categoryResults = [requestManager.categoryResults] // updated
}

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

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

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

    tableIndex = indexPath.row

    return cell
}

func tableView(_ tableView: UITableView,
               willDisplay cell: UITableViewCell,
               forRowAt indexPath: IndexPath) {
        guard let tableViewCell = cell as? NewsTableViewCell else { return }

        tableViewCell.setCollectionViewDataSourceDelegate(dataSourceDelegate: self, forRow: (indexPath as NSIndexPath).row)
        tableViewCell.collectionViewOffset = storedOffsets[(indexPath as NSIndexPath).row] ?? 0

}

func tableView(_ tableView: UITableView,
               didEndDisplaying cell: UITableViewCell,
               forRowAt indexPath: IndexPath) {

        guard let tableViewCell = cell as? NewsTableViewCell else { return }

        storedOffsets[(indexPath as NSIndexPath).row] = tableViewCell.collectionViewOffset


}

func numberOfSections(in collectionView: UICollectionView) -> Int {
    return 1
}


func collectionView(_ collectionView: UICollectionView,
                    numberOfItemsInSection section: Int) -> Int {
    return categoryResults[collectionView.tag].count // updated
}


func collectionView(_ collectionView: UICollectionView,
                    cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ColCell",
                                                  for: indexPath) as! NewsCollectionViewCell


    cell.contentType.text = categoryResults[collectionView.tag][indexPath.row]["ContentType"].stringValue // updated



    return cell
}

这是 RequestManager 类的内容（我在这里调用 API）：

var categoryResults = [JSON]()

func categoryList(sectionName: String) {

    let url = "http://mobile.example.com/api/Content?MobileRequest=GetCategoryNews&PageNo=1&RowsPerPage=10&Category=\(sectionName)&IssueID=0&Type=online"
    print("this is the url \(url)")

    Alamofire.request(url, method: .get).responseJSON{ response in
        if let results = response.result.value as? [String:AnyObject] {
            let items = JSON(results["Data"]?["OnlineCategoryNews"]! as Any).arrayValue

            self.categoryResults += items

            NotificationCenter.default.post(name: NSNotification.Name(rawValue: "categoryResultsUpdated"), object: nil)

        }

    }

}

func resetCategory() {
    categoryResults = []
}

deinit {
    NotificationCenter.default.removeObserver(self)
}

更新 2：

这是分配collectionView.tag的方法。这被添加到 tableViewCell 类中：

func setCollectionViewDataSourceDelegate
    <D: protocol<UICollectionViewDataSource, UICollectionViewDelegate>>
    (dataSourceDelegate: D, forRow row: Int) {

    collectionView.delegate = dataSourceDelegate
    collectionView.dataSource = dataSourceDelegate
    collectionView.tag = row
    collectionView.bounds.size.width = self.bounds.size.width
    collectionView.reloadData()



}

【问题讨论】：

标签： arrays json swift uitableview uicollectionview

【解决方案1】：

集合视图委托方法不知道其集合视图的上下文。您应该根据 collectionView 实例计算 onlineNews 索引，而不是使用 indexPath.row，它是内部集合视图索引路径。

编辑：更好的选择（避免滚动和布局问题）是使用单个集合视图，其中单元格按行分组。如果你不想做布局管理器，你可以通过在部分之间添加小但非常宽的分隔视图来实现这样的布局

编辑2：

cell.contentType.text = categoryResults[indexPath.row]["ContentType"].stringValue

使用此集合视图的本地 indexPath。您可以将标签分配给tableViewCell.collectionView，其值为所需的 categoryResults 索引。然后你可以像categoryResults[collectionView.tag]一样使用这个标签

【讨论】：

感谢您的回复。您能否解释一下如何以及在何处使用该索引来显示结果？我尝试了不同的方法，例如使用 collectionView.tag 而不是 indexPath.row，但它不起作用，但不确定如何分配索引来显示 JSON 结果。我需要一些进一步的解释。
我的意思是我需要解释如何计算索引，如您所说，以帮助获得 JSON 结果。
更新了我的答案
我已经对我的代码进行了更改，但出现了索引超出范围错误。请帮我解决这个问题。我已经通过添加 cmets 指出了我在哪里进行了更改。
非常感谢您的帮助，它现在运行良好！我发现我发现的最后一个问题是因为 JSON URL 中缺少数据，这与我的代码无关。再次感谢您的大力帮助！