如何将项目排列到表视图的各个部分中?

时间:2019-11-14 09:13:50

标签: ios swift sorting dynamic tableview

最简单的说法是,如何在CartVC中按其品牌将单元格划分为多个部分

因为我要做的就是按照购物车中的品牌来组织单元格,类似于将数据从HomeVC传递到购物车中后,我们手机中联系人的安排方式

>

代码确实将数据成功地从HomeVC传递到CartVC,但是单元格仍然没有按照其品牌名称排列

enter image description here

extension HomeController: UITableViewDelegate, UITableViewDataSource {

    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return itemSetup.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "HomeCell") as? HomeCell else { return UITableViewCell() }

        let item = itemSetup[indexPath.row]
        cell.configure(withItems: item)

        // passes data to the Cart CartVC when ATC Btn is pressed in each cell
        cell.addActionHandler = { (option: Int) in
            print("Option selected = \(option)")
            Tray.currentCart.cartItems.append(item)
            item.selectedOption = option
        }

        return cell
    }
}

import UIKit

class CartViewController: UIViewController {

    var items: Items!

    var setUp: [Items] = []
    var groupedItems: [String: [Items]] = [:]
    var brands: [String] = []

    @IBOutlet weak var cartTableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        cartTableView.dataSource = self
        cartTableView.delegate = self

        groupedItems = Dictionary(grouping: setUp, by: {$0.brand})
        brands = groupedItems.map{$0.key}.sorted()
    }

}

extension CartViewController: UITableViewDataSource, UITableViewDelegate {

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

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

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


        let brand = brands[indexPath.section]
        let itemToDisplay = groupedItems[brand]![indexPath.row]

        // code that currently transfers data to the cells when ATC is pressed
        let cart = Tray.currentCart.cartItems[indexPath.row]
        cell.configure(withItems: cart)

        return cell
    }

    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let cartHeader = tableView.dequeueReusableCell(withIdentifier: "CartHeaderCell") as! CartHeaderCell

        let headerTitle = brands[section]

        return cartHeader
    }

    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 45
     } 
}

2 个答案:

答案 0 :(得分:1)

无法在此处执行所有代码,但是假设您有一个数组items,它是Item的数组,其中每个item都有一个.brand: String属性< / p>

在进入视图控制器时,设置要显示的数据:

var items: [Item] //populated in segue
var groupedItems: [String: [Items]] =[:]
var brands: [String] = []

override viewDidLoad() {
  super.viewDidLoad()
  // any other stuff
  groupedItems = Dictionary(grouping: items, by: {$0.brand})
  brands = groupedItems.map{$0.key}.sorted()
}

使用brands数组形成自定义标题,然后在cellForRowAt中根据indexPath参数检索需要显示的项目


func numberOfSections(in tableView: UITableView) -> Int {    
  return brands.count
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    let brand = brands[section]
    return groupedItems[brand].count
}

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
   let headerTitle = brands[section]
   // create and configure the header view
   // the headerTitle contains the 'brand' string for the header
}

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

   // retrieve the relevant item to display...
   // 1. use the section to retrieve the specific brand name string for the section from the brands array
   // 2. then use that that to retrieve the appropriate items array from the dictionary
   // 3. the use indexPath.row to retrieve the specific item for the cell

   let brand = brands[indexPath.section]
   let itemToDisplay = grouped[brand]![indexPath.row]

   //configure cell with itemToDisplay...

   return cell
}

答案 1 :(得分:0)

可以通过

轻松实现
  1. 在购物车(产品数组)中为所有产品创建所有唯一品牌的列表:创建<SET>并遍历所有选定产品,并在<SET>

  2. 对于<SET>中的每个品牌,创建一个谓词以过滤出该品牌的所有产品,您也可以为其使用Filter。将结果存储在单独的品牌数组中,一旦完成处理,将TableView中的列数设置为过滤后创建的数组数,并将每个节中的行数设置为每个数组的计数

希望这会有所帮助!