如何在点击UITableView分组时实现HeaderView中UIImageView的动画？

问题背景 #

通过XIB自定义UITableViewHeaderFooterView（命名为CustomHeaderView）实现UITableView分组展开/收起功能，HeaderView包含：

• UILabel：展示分组标题
• UIButton：触发分组展开/收起操作
• UIImageView：作为状态标识的Chevron箭头（展开时旋转90度，收起时复原）

现有问题 #

分组展开/收起的核心逻辑已实现，但Chevron的旋转动画始终异常：

• 直接重载对应分组时，动画被跳过，箭头瞬间切换状态
• 尝试给动画添加延迟后，仅展开操作时动画生效，收起时完全无动画效果

解决方案 #

放弃延迟动画或依赖分组重载间接触发动画的方式，在tableView.beginUpdates()与tableView.endUpdates()的代码块中，直接获取当前点击分组对应的HeaderView，调用预定义的旋转动画方法执行动画。

代码示例 #

1. CustomHeaderView中定义旋转动画方法

class CustomHeaderView: UITableViewHeaderFooterView {
    @IBOutlet weak var chevronImageView: UIImageView!
    @IBOutlet weak var titleLabel: UILabel!
    @IBOutlet weak var toggleButton: UIButton!
    
    // 执行Chevron旋转动画
    func rotateChevron(isExpanded: Bool) {
        let targetAngle = isExpanded ? CGFloat.pi / 2 : 0
        UIView.animate(withDuration: 0.3) {
            self.chevronImageView.transform = CGAffineTransform(rotationAngle: targetAngle)
        }
    }
}

2. ViewController中处理分组展开/收起逻辑

@objc func handleGroupToggle(_ sender: UIButton) {
    let section = sender.tag
    // 更新当前分组的展开状态
    dataSource[section].isExpanded = !dataSource[section].isExpanded
    
    tableView.beginUpdates()
    // 直接获取当前分组的HeaderView并执行动画
    if let headerView = tableView.headerView(forSection: section) as? CustomHeaderView {
        headerView.rotateChevron(isExpanded: dataSource[section].isExpanded)
    }
    // 重载当前分组的行（根据需求调整）
    tableView.reloadSections(IndexSet(integer: section), with: .automatic)
    tableView.endUpdates()
}

说明 #

• 在beginUpdates()和endUpdates()之间操作，可保证Chevron动画与UITableView行展开/收起动画同步执行
• 直接获取HeaderView调用动画方法，避免了视图复用或分组重载导致的动画丢失问题
• 动画时长与UITableView默认动画时长匹配，视觉效果更统一

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