Swift:如何在TableView中的CollectionView中显示解析的JSON数据?

时间:2016-11-02 11:40:00

标签: arrays json swift uitableview uicollectionview

我正在尝试将此数据显示为此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()



}

1 个答案:

答案 0 :(得分:0)

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

编辑:更好的选项(避免滚动和布局问题)是使用单个集合视图,其中单元格按行分组。如果您不想创建布局管理器,可以通过在节之间添加小但非常宽的分隔符视图来实现此类布局

EDIT2:

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

使用此集合视图的本地indexPath。您可以使用所需categoryResults索引的值为tableViewCell.collectionView分配标记。然后,您可以在categoryResults[collectionView.tag]

中使用此标记