可展开Table View动画异常求助：切换UISwitch时视图变形

核心问题分析 #

你遇到的动画偏移、圆角变直角问题，根源在于使用reloadSections刷新整个section——这会强制重新渲染包括表头在内的所有section内容，破坏了insetGroup样式下的布局逻辑和动画连贯性。改用精准的行插入/删除操作即可解决。

代码修改方案 #

1. 替换reloadSections为行插入/删除操作

修改开关触发方法，只针对需要显示/隐藏的行进行操作，避免刷新表头：

@objc private func switchTapped(sender: UISwitch) {
    remindersAllowed.toggle()
    
    tableView.beginUpdates()
    // 生成需要操作的行索引（第1到第4行，索引从0开始）
    let targetIndexPaths = (1...4).map { IndexPath(row: $0, section: 0) }
    if remindersAllowed {
        tableView.insertRows(at: targetIndexPaths, with: .automatic)
    } else {
        tableView.deleteRows(at: targetIndexPaths, with: .automatic)
    }
    tableView.endUpdates()
}

2. 修复Switch重复绑定Target的隐患

原代码每次复用单元格都会给开关添加新的Target，会导致重复触发事件。修改cellForRowAt方法，先移除旧Target再绑定新的：

internal func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "RemindersCell", for: indexPath) as! RemindersCell
    
    cell.switchReminder.isOn = remindersAllowed
    // 先移除所有旧的Target，避免重复绑定
    cell.switchReminder.removeTarget(nil, action: nil, for: .allEvents)
    cell.switchReminder.addTarget(self, action: #selector(switchTapped(sender:)), for: .touchUpInside)
    
    return cell
}

进阶优化：用闭包解耦单元格与控制器

如果想让代码更规范，可在自定义单元格中通过闭包回调事件，彻底避免Target重复绑定问题：

// RemindersCell.swift
class RemindersCell: UITableViewCell {
    @IBOutlet weak var switchReminder: UISwitch!
    var switchToggleHandler: ((Bool) -> Void)?
    
    override func awakeFromNib() {
        super.awakeFromNib()
        switchReminder.addTarget(self, action: #selector(onSwitchToggled), for: .valueChanged)
    }
    
    @objc private func onSwitchToggled() {
        switchToggleHandler?(switchReminder.isOn)
    }
    
    override func prepareForReuse() {
        super.prepareForReuse()
        switchToggleHandler = nil // 复用前清空闭包，避免内存泄漏
    }
}

然后在控制器的cellForRowAt中绑定闭包：

internal func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "RemindersCell", for: indexPath) as! RemindersCell
    
    cell.switchReminder.isOn = remindersAllowed
    cell.switchToggleHandler = { [weak self] isOn in
        guard let self = self else { return }
        self.remindersAllowed = isOn
        
        self.tableView.beginUpdates()
        let targetIndexPaths = (1...4).map { IndexPath(row: $0, section: 0) }
        if isOn {
            self.tableView.insertRows(at: targetIndexPaths, with: .automatic)
        } else {
            self.tableView.deleteRows(at: targetIndexPaths, with: .automatic)
        }
        self.tableView.endUpdates()
    }
    
    return cell
}

原理说明 #

• 使用insertRows/deleteRows时，UITableView会针对单个行执行动画，而非重新渲染整个section，因此insetGroup样式的圆角会随着行的增减平滑过渡，不会出现直角突变。
• 精准操作行不会触发表头刷新，完美保留你需要的表头状态。

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