UITableView with Sections 在所有部分中重复单元格数据

Question

我知道以前有人问过同样的问题，但没有帮助。

我正在尝试将部分标题添加到我的 UITableView。我能够创建部分并正确计算每个部分中的元素数量，单元格与所有部分中的数据重复。

我只发布相关代码 -

我的模型是 -

 import UIKit
 struct Product:Equatable {
  let imagename: UIImage }

  var productarray = [Product(imagename:#imageLiteral(resourceName: "CakeImage")),
                Product( imagename:#imageLiteral(resourceName: "PeasImge")),Product(imagename:#imageLiteral(resourceName: "vectorlogo")),
                Product(imagename: #imageLiteral(resourceName: "blue"))]

ProductViewController 是 -

 import UIKit

 class ProductViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
 let sections = ["Section A", "Section B","Section C", "Section D"]
 let rowspersection = [1, 1,1,1]
 @IBOutlet weak var tableView: UITableView!
 override func viewDidLoad() {
    super.viewDidLoad()
    tableView.delegate = self
    tableView.dataSource = self   
 }
 func numberOfSections(in tableView: UITableView) -> Int {
   return sections.count
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
         return rowspersection[section]
    }

  func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
     let data = productarray[indexPath.row]
     let cell = tableView.dequeueReusableCell(withIdentifier: "ProductTableViewCell") as! ProductTableViewCell
     cell.imageView?.image =  data.imagename
     cell.myParent = self
       return cell
  }

   func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 44
}
   func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    switch(section) {
    case 0:return "Section A"
     case 1:return "Section B"
    case  2:return "Section C"
    case  3 :return "Section D"
    default :return ""
        
    }
  }
}

现在，在上面只有 productarray 的第一个图像，即“[Product(imagename:#imageLiteral(resourceName:“CakeImage”))”在所有部分中重复，如下图所示：-

我希望所有图像/单元格都在相应的部分中，而不仅仅是一个图像/单元格在所有部分中重复。

任何帮助将不胜感激。

Answer 1

原因：

由于您在每个 section 中都有一个 row，因此每次您在第一行使用 indexPath.row（即 0）时，您最终会在每个 @987654327 中为每个 row 访问 productarray[0] @。

这就是所有行都相同的原因，因为它们都用productarray[0]填充。

解决方案：

只需使用indexPath.section 而不是indexPath.row

let data = productarray[indexPath.section]

---

注意：您可以创建一个自定义类型的array 并将其用作tableView 的dataSource，而不是创建3 个不同的arrays。 示例：

struct Section {
    let name: String
    let products: [Product]
}

let sections = [
    Section(name: "Section A", products: [Product(imagename:#imageLiteral(resourceName: "CakeImage"))]),
    Section(name: "Section B", products: [Product(imagename:#imageLiteral(resourceName: "PeasImge"))]),
    Section(name: "Section C", products: [Product(imagename:#imageLiteral(resourceName: "vectorlogo"))]),
    Section(name: "Section D", products: [Product(imagename:#imageLiteral(resourceName: "blue"))]),
]

使用sections array 作为数据源。这样可以避免很多混乱。

Answer 2

在每个部分 indexPath 都从零开始，因此它显示 productarray 的第一个索引。

let data = productarray[indexPath.row]

替换为

let data = productarray[indexPath.row + indexPath.section]

编辑

var index = indexPath.row
if indexPath.section != 0, rowspersection.count > indexPath.section - 1{
   index += rowspersection[indexPath.section - 1] 
}
if index < productarray.count{
  let data = productarray[index]
  cell.imageView?.image =  data.imagename
}

编辑结帐 替换此方法

func updateCart(cell: ProductTableViewCell) {
    guard let indexPath = tableView.indexPath(for: cell) else { return }
    var index = indexPath.row
    if indexPath.section != 0, rowspersection.count > indexPath.section - 1{
        index += rowspersection[indexPath.section - 1]
    }
    
    if index < productarray.count{
        let product = productarray[index]
        
        //Update Cart with product
        cart.updateCart(with: product)
        self.navigationItem.rightBarButtonItem?.title = "Checkout (\(cart.items.count))"
    }
    
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell   {
    let cell = tableView.dequeueReusableCell(withIdentifier: "ProductTableViewCell") as!   ProductTableViewCell
    cell.delegate = self // original issue was here, now resolved.
    
    var index = indexPath.row
    if indexPath.section != 0, rowspersection.count > indexPath.section - 1{
        index += rowspersection[indexPath.section - 1]
    }
    
    if index < productarray.count{
        let data = productarray[index]
        cell.name?.text = data.name
        cell.imageView?.image =  data.imagename
        
        let product = productarray[index]
        cell.setButton(state: self.cart.contains(product: product))
    }
    
    return cell
}