使用字典值在 tableView 内填充 collectionView 的标签

Question

所以我在tableView 中有一个collectionView。我想使用我的数组中的值来填充每个collectionViewCell 中的每个标签文本。如果我在collectionViewcellForItemAt 中打印下面的代码，我会得到下面的（见图）（显然索引超出范围）：

Print(array[indexPath.row].details.values)

所以使用照片中的示例，我怎样才能得到以下信息：

• 外表ViewCell (1)
  • 集合视图单元格 (1)
    • 标签 - “1”
  • 集合视图单元格 (2)
    • 标签 - “3”
  • 集合视图单元格 (3)
    • 标签 - “5”
• 外表ViewCell (2)
  • 集合视图单元格 (1)
    • 标签 - “7”

你也可能注意到它的数组没有按顺序排列，是否可以重新排序：

[“1”：1，“2”：3，“3”：5]

非常感谢任何帮助，非常感谢！

我的阵列：

Answer 1

根据您的要求，这里是代码

import UIKit

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {

    // Global Variable
    var tableView: UITableView!
    var dataArray = [["2": 3, "1": 1, "3": 5], ["1":7]]

    override func viewDidLoad() {
        super.viewDidLoad()

        tableView = UITableView(frame: self.view.bounds)
        tableView.delegate = self
        tableView.dataSource = self
        self.view.addSubview(tableView)

        tableView.register(TableViewCell.self, forCellReuseIdentifier: "TableViewCell")
    }

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

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

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
            let cell: TableViewCell = tableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath as IndexPath) as! TableViewCell
     //   Passing data to cellection cell
            cell.cellData = dataArray[indexPath.row]
            cell.backgroundColor = UIColor.groupTableViewBackground
            return cell


    }

}

class TableViewCell: UITableViewCell, UICollectionViewDataSource, UICollectionViewDelegate {

    var collectionView: UICollectionView!
    var cellData = [String: Int]()

    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)

        let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = UICollectionViewScrollDirection.horizontal

        collectionView = UICollectionView(frame: self.bounds, collectionViewLayout: layout)
        collectionView.delegate = self
        collectionView.dataSource = self
        collectionView.register(CollectionCell.self, forCellWithReuseIdentifier: "CollectionViewCell")
        collectionView.backgroundColor = UIColor.clear

        self.addSubview(collectionView)
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    // MARK: UICollectionViewDataSource
    func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        return 1
    }


    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return cellData.count
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell: CollectionCell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath as IndexPath) as! CollectionCell
        cell.textLable.text = String(Array(cellData)[indexPath.row].value) // Please check here is some casting 
        cell.backgroundColor = .black
        return cell
    }
}

class CollectionCell: UICollectionViewCell {

    let textLable: UILabel = {
        let label = UILabel(frame: CGRect(x: 0, y: 0, width: 20, height: 20))
        label.textColor = .white
        label.translatesAutoresizingMaskIntoConstraints = true
        label.textAlignment = .center
        return label
    }()

    override init(frame: CGRect) {
        super.init(frame: frame)
        setupLayout()
    }

    private func setupLayout() {
        addSubview(textLable)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

希望它能解决你的问题。

结果

Answer 2

如果我理解正确，你有一个数组，格式有点奇怪

array = [[["2": 3, "1": 1, "3": 5]], [["1":7]]]

由于集合视图位于表格视图中，我假设您已经实现了NSTableViewDataSource，然后您可以将表格视图的当前行保存为 tableView: viewFor: 中的属性，从而获取要使用的数组财产。由于您在数组中有一个数组，我们需要获取该数组中的第一项，然后过滤该键与当前 indexPath.row 匹配的项（字典）

let row = String(indexPath.row + 1)
let item = array[currentTableViewRow][0].filter {$0.key = row}
if !item.isEmpty {
     label.text = item.value
}

Answer 3

将其转换为 Array 用这个：

Array(array[indexPath.row].details.values)

并打印这个值你得到正确的数组以正确的顺序。

希望对你有帮助

谢谢。