ios - 如何将二维数组填充到 CollectionView 上？

Question

目前，我有一个 10 行 10 列的二维数组，我想使用 Collection View 将其打印到前端。但是，我只能将二维数组中第一行的数据获取到 Collection View 。我想检索所有行。

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    if let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) as? WordSearchTableViewCell, let columns = grid.first?.count{
    //print(columns)
    let item = CGFloat(indexPath.item)
    //print("item: ", item)
    let row = floor(item / CGFloat(columns))
    //print("row: " , row)

    let column = item.truncatingRemainder(dividingBy: CGFloat(columns))
    print("column: ",column)

    //setCharacter
    cell.charLabel.text = grid[Int(row)][Int(column)]
    return cell
    }
    print("error")
    return WordSearchTableViewCell()
}

Answer 1

我设法解决了我自己的问题。所以我认为我犯的一个错误是我只返回一行而不是 10 行，因此需要有 numberOfSections。所以即使结果能够显示，也没有足够的 collectionviewCell。

对于循环过程，我设置了一个计数器来跟踪行号，每当该列到达该行数组的最后一个元素时，就会有一个增量。

不确定我的解释是否正确。

var counter: Int = 0

func numberOfSections(in collectionView: UICollectionView) -> Int {
    //return columns
    return grid.count
}

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    //return rows
    return grid[section].count

}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell{
    if let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) as? WordSearchTableViewCell, let columns = grid.first?.count{

        let item = indexPath.item
        let row : Int = counter
        let column : Int = Int(CGFloat(item).truncatingRemainder(dividingBy: CGFloat(columns)))

        //rowNum + 1 each time reaches last item of column
        if column == 9 {
            counter = counter + 1
        }

    //setCharacter
    cell.charLabel.text = grid[row][column]
    return cell
    }

    print("error")
    return UICollectionViewCell()
}