TableView切换组显示/隐藏时第二组行显示异常求助

这个问题我之前做项目时也碰到过类似的情况，大概率是TableView单元格重用或者数据源更新与UI刷新不同步导致的——尤其是带动画的行/组插入删除操作，很容易因为索引不匹配或状态残留出现这类错乱。下面给你几个针对性的解决方案：

1. 严格保证数据源与UI操作的顺序 #

这是最容易出错的点：必须先修改数据源，再执行TableView的插入/删除动画，绝对不能颠倒顺序。如果先动UI再改数据源，TableView会因为索引和实际数据不匹配，出现行错乱的情况。

举个代码示例（假设你用二维数组管理分组数据）：

// 数据源，比如存储每组的Switch行数据
private var sections: [[SwitchRowModel]] = []
private let secondSectionRows: [SwitchRowModel] = [/* 第二组的3个Switch数据 */]

@IBAction func toggleMainSwitch(_ sender: UISwitch) {
    let shouldShowSecondSection = sender.isOn
    
    // 第一步：先更新数据源
    if shouldShowSecondSection {
        // 插入第二组数据到数据源的第1位
        sections.insert(secondSectionRows, at: 1)
    } else {
        // 移除数据源中的第二组数据
        sections.remove(at: 1)
    }
    
    // 第二步：执行TableView的动画操作
    let targetSection = IndexSet(integer: 1)
    if shouldShowSecondSection {
        tableView.insertSections(targetSection, with: .automatic)
    } else {
        tableView.deleteSections(targetSection, with: .automatic)
    }
}

2. 修复单元格重用的状态残留问题 #

TableView会重用已创建的单元格，当第二组被隐藏后，这些单元格可能会被第一组或其他行复用，如果没有强制重置状态，就会出现显示错乱。所以在cellForRowAt方法里，必须根据当前数据源强制重置所有UI元素的状态，不能依赖单元格的旧值。

示例代码：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "SwitchCell", for: indexPath) as! SwitchCell
    
    // 从数据源获取当前行的最新数据，强制设置Switch状态
    let rowData = sections[indexPath.section][indexPath.row]
    cell.switchControl.isOn = rowData.isEnabled
    // 同时重置其他UI元素，比如标题
    cell.titleLabel.text = rowData.title
    
    return cell
}

3. 避免动画过程中重复触发操作 #

快速切换Switch时，上一次的插入/删除动画可能还没完成，就触发了下一次操作，此时TableView的状态不稳定，很容易导致索引错乱。可以加一个标志位来防止并发操作：

private var isAnimating = false

@IBAction func toggleMainSwitch(_ sender: UISwitch) {
    // 如果正在执行动画，直接返回，避免重复操作
    guard !isAnimating else { return }
    isAnimating = true
    
    let shouldShowSecondSection = sender.isOn
    // 数据源更新 + TableView动画操作...
    
    // 动画完成后重置标志位
    UIView.animate(withDuration: 0.3, animations: {
        self.tableView.layoutIfNeeded()
    }) { _ in
        self.isAnimating = false
    }
}

4. 兜底方案：强制刷新特定分组 #

如果上面的方法都没解决问题，可以在动画完成后，强制刷新第二组的内容（虽然会损失一点动画流畅度，但能快速解决错乱问题）：

@IBAction func toggleMainSwitch(_ sender: UISwitch) {
    // 数据源更新 + TableView动画操作...
    
    // 延迟0.1秒刷新第二组，确保动画完成
    DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
        self.tableView.reloadSections(IndexSet(integer: 1), with: .none)
    }
}

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