Swift中如何为Table View Cell设置最多3项的多选限制

嗨，作为iOS开发新手能自己尝试实现单选功能已经超棒啦！想要改成最多选3个的多选其实没那么复杂，我来给你拆解一下步骤，再附上调整后的代码示例～

核心思路 #

要实现最多选3个的功能，我们需要：

• 用一个数组来记录已选中的条目（可以存IndexPath或者对应的数据模型）
• 在用户点击行的时候，判断当前条目是否已选中，以及已选数量是否达到上限
• 根据判断结果更新选中状态，并刷新对应行的UI

调整后的完整代码示例 #

import UIKit

class CreateEventStep2VC: UIViewController {
    @IBOutlet weak var eventTypeNameLabel: UILabel!
    @IBOutlet weak var tableView: UITableView!
    
    // 存储已选中行的IndexPath，用来跟踪选中状态
    private var selectedIndexes = [IndexPath]()
    // 这里替换成你自己的数据源数组
    private let eventTypes = ["会议", "团建", "培训", "研讨会", "发布会"]

    override func viewDidLoad() {
        super.viewDidLoad()
        // 设置TableView的代理和数据源
        tableView.delegate = self
        tableView.dataSource = self
        // 如果用自定义Cell，记得提前注册
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "EventTypeCell")
    }
}

// MARK: - UITableView DataSource & Delegate
extension CreateEventStep2VC: UITableViewDataSource, UITableViewDelegate {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return eventTypes.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "EventTypeCell", for: indexPath)
        cell.textLabel?.text = eventTypes[indexPath.row]
        
        // 根据是否在选中数组里，设置Cell的选中标记（对勾）
        cell.accessoryType = selectedIndexes.contains(indexPath) ? .checkmark : .none
        return cell
    }
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        // 先取消点击后的高亮状态
        tableView.deselectRow(at: indexPath, animated: true)
        
        if selectedIndexes.contains(indexPath) {
            // 如果已经选中，就取消选中
            if let removeIndex = selectedIndexes.firstIndex(of: indexPath) {
                selectedIndexes.remove(at: removeIndex)
            }
        } else {
            // 如果未选中，先判断是否达到最大选中数（3个）
            if selectedIndexes.count < 3 {
                selectedIndexes.append(indexPath)
            } else {
                // 超过数量限制，给用户提示
                let alert = UIAlertController(title: "温馨提示", message: "最多只能选择3个活动类型哦", preferredStyle: .alert)
                alert.addAction(UIAlertAction(title: "知道了", style: .default))
                present(alert, animated: true)
                return
            }
        }
        
        // 只刷新当前点击的行，比reloadData更高效
        tableView.reloadRows(at: [indexPath], with: .automatic)
    }
}

额外注意事项 #

• 如果你的项目是基于数据模型开发的（比如每个条目对应一个EventType模型），更推荐给模型加一个isSelected属性，这样不用依赖IndexPath（避免数据源变化导致IndexPath失效的问题）
• 如果用自定义Cell，不要在Cell的setSelected(_:animated:)方法里硬写选中状态，最好由控制器通过数据源来控制，保证状态统一
• 如果你需要在其他地方获取选中的数据，直接从selectedIndexes里取出对应的数据源条目即可，比如：

  let selectedTypes = selectedIndexes.map { eventTypes[$0.row] }
  

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