UICollectionViewCell动画遇reloadData()中断问题求助

核心问题根源 #

reloadData()会强制复用/重建所有cell，直接重置cell的transform与动画状态，导致未完成的缩放动画被打断。结合嵌套UITableViewCell+定时刷新的场景，需要从局部刷新、状态保留、刷新逻辑优化三个维度解决。

1. 替换全局刷新为局部刷新 #

放弃collectionView.reloadData()，仅刷新数据发生变化的cell，避免未动画的cell被重置：

• 在HorizontalCell的数据源didSet中，对比新旧数据的差异，生成需要更新的indexPath数组
• 调用collectionView.performBatchUpdates(_:completion:)或reloadItems(at:)执行局部刷新

// HorizontalCell示例代码
var dataSource: [String] = [] {
    didSet {
        // 对比新旧数据，找出差异项的indexPath
        let changedIndices = zip(oldValue, dataSource)
            .enumerated()
            .filter { $0.element.0 != $0.element.1 }
            .map { IndexPath(item: $0.offset, section: 0) }
        
        guard !changedIndices.isEmpty else { return }
        collectionView.reloadItems(at: changedIndices)
    }
}

2. 为Cell保存并恢复动画状态 #

在自定义UICollectionViewCell中记录动画进度，复用或刷新时恢复状态，保证动画无缝延续：

class AnimatedCollectionCell: UICollectionViewCell {
    @IBOutlet weak var titleLabel: UILabel!
    // 记录当前缩放比例，保存动画状态
    private(set) var currentScale: CGFloat = 1.0
    private var scaleAnimator: UIViewPropertyAnimator?

    override func prepareForReuse() {
        super.prepareForReuse()
        // 恢复之前的缩放状态
        self.transform = CGAffineTransform(scaleX: currentScale, y: currentScale)
        // 继续未完成的动画（如果存在）
        scaleAnimator?.continueAnimation(withTimingParameters: nil, durationFactor: 0)
    }

    // 长按触发缩放动画
    func triggerLongPressAnimation() {
        scaleAnimator?.stopAnimation(true)
        scaleAnimator = UIViewPropertyAnimator(duration: 0.3, curve: .easeInOut) {
            self.currentScale = 0.8
            self.transform = CGAffineTransform(scaleX: 0.8, y: 0.8)
        }
        scaleAnimator?.startAnimation()
    }

    // 重置动画至初始状态
    func resetToOriginalState() {
        scaleAnimator?.stopAnimation(true)
        scaleAnimator = UIViewPropertyAnimator(duration: 0.3, curve: .easeInOut) {
            self.currentScale = 1.0
            self.transform = .identity
        }
        scaleAnimator?.startAnimation()
    }
}

3. 优化嵌套UITableViewCell的刷新逻辑 #

避免UITableViewCell刷新时强制触发UICollectionView刷新：

• 给HorizontalCell的数据源添加哈希校验，仅当数据真的变化时才执行刷新
• 不要在UITableViewCell的didSet中直接调用UICollectionView刷新，而是通过回调通知外部处理，或增加数据变更判断

4. 调整定时器刷新策略 #

UpdateService定时更新数据时，仅刷新UITableView中数据变化的行，而非全局reloadData()：

// UIViewController中处理定时器回调
func handleDataUpdate(_ newData: [[String]]) {
    self.dataSource = newData
    // 找出需要刷新的UITableView行的indexPath
    let updatedIndexPaths = newData.enumerated()
        .filter { /* 对比新旧数据差异 */ }
        .map { IndexPath(row: $0.offset, section: 0) }
    
    guard !updatedIndexPaths.isEmpty else { return }
    tableView.reloadRows(at: updatedIndexPaths, with: .none)
}

额外注意事项 #

• 优先使用UIViewPropertyAnimator管理动画，支持暂停、继续、状态恢复，比传统UIView.animate更灵活
• 若必须全局刷新，可等待当前动画完成后再执行，通过动画的completion回调控制刷新时机

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