Swift：如何用Storyboard与TableView方法创建多自定义Cell的UITableView？

嘿，针对你已经把数据拆分成starters、dishes、deserts三个数组的情况，用UITableView的分区来对应这三类数据是最清晰、易维护的方案——每个分区对应一种食物类型，加载对应的自定义Cell，完美匹配你的数据结构。下面给你一步步拆解实现：

步骤1：定义分区枚举（提升代码可读性） #

先搞个枚举来管理三个分区，避免用魔法数字，还能顺便定义分区标题：

// 在MainViewController类内或类外定义均可
enum FoodSection: Int, CaseIterable {
    case starters, dishes, deserts
    
    // 可选：给每个分区加标题，用来显示分区头
    var sectionTitle: String {
        switch self {
        case .starters: return "开胃菜"
        case .dishes: return "主菜"
        case .deserts: return "甜点"
        }
    }
    
    // 根据分区获取对应的数据数量
    func rowCount(in vc: MainViewController) -> Int {
        switch self {
        case .starters: return vc.starters.count
        case .dishes: return vc.dishes.count
        case .deserts: return vc.deserts.count
        }
    }
}

步骤2：完善UITableView数据源&代理方法 #

替换你原来的extension，实现完整的数据源逻辑：

extension MainViewController: UITableViewDelegate, UITableViewDataSource {
    // 返回分区数量：3个（对应三个食物类型）
    func numberOfSections(in tableView: UITableView) -> Int {
        return FoodSection.allCases.count
    }
    
    // 每个分区的行数：对应数组的元素数量
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        guard let foodSection = FoodSection(rawValue: section) else { return 0 }
        return foodSection.rowCount(in: self)
    }
    
    // 加载对应分区的自定义Cell并配置数据
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        guard let foodSection = FoodSection(rawValue: indexPath.section) else {
            return UITableViewCell()
        }
        
        switch foodSection {
        case .starters:
            let cell = tableView.dequeueReusableCell(withIdentifier: "StarterCell", for: indexPath) as! StarterCell
            let starter = starters[indexPath.row]
            // 配置StarterCell的UI，比如cell.titleLabel.text = starter.name
            return cell
            
        case .dishes:
            let cell = tableView.dequeueReusableCell(withIdentifier: "DishCell", for: indexPath) as! DishCell
            let dish = dishes[indexPath.row]
            // 配置DishCell的UI
            return cell
            
        case .deserts:
            let cell = tableView.dequeueReusableCell(withIdentifier: "DesertCell", for: indexPath) as! DesertCell
            let desert = deserts[indexPath.row]
            // 配置DesertCell的UI
            return cell
        }
    }
    
    // 可选：显示分区头标题
    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        guard let foodSection = FoodSection(rawValue: section) else { return nil }
        return foodSection.sectionTitle
    }
}

步骤3：补充ViewDidLoad的初始化逻辑 #

别忘了在viewDidLoad里明确设置tableView的代理和数据源：

override func viewDidLoad() {
    super.viewDidLoad()
    // 绑定代理与数据源
    foodTableView.delegate = self
    foodTableView.dataSource = self
    updatDisplay()
}

关键注意事项 #

• 确保你在Storyboard里给每个自定义Cell设置了正确的Identifier（比如"StarterCell"、"DishCell"），并且把Cell的Class关联到对应的自定义Cell类（比如StarterCell）
• 自定义Cell里要提前做好UI控件的IBOutlet关联，方便在cellForRowAt里配置数据
• 如果需要处理Cell的点击事件，可以在tableView(_:didSelectRowAt:)方法里根据分区类型做不同的逻辑处理

这样实现后，你的UITableView会分成三个分区，每个分区展示对应类型的食物，加载对应的自定义Cell，逻辑清晰，后续维护也很方便～

内容的提问来源于stack exchange，提问作者jaykaydev