如何为UICollectionViewCell内的UIView添加动画？

我来帮你分析下这个问题，结合你给出的代码和场景，这里有几个关键的排查方向和解决方案：

问题梳理 #

你自定义了BarCell，里面包含一个垂直矩形的animView，尝试给它添加位移动画时遇到了困境：给整个Cell加动画能正常运行，但单独给animView加动画（不管是在configureCell()还是collectionView(_:willDisplay:forItemAt:)里）都看不到效果。

可能的原因及解决思路 #

1. 先修正willDisplay里的逻辑：只处理当前要显示的Cell

你现在的代码在willDisplay里遍历所有可见Cell，这不仅会导致重复触发动画，还可能因为布局时序问题影响animView的动画。先把代码改成只处理当前即将显示的Cell：

func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
    // 只处理当前indexPath对应的BarCell
    guard let barCell = cell as? BarCell, let animView = barCell.animView else { return }
    
    // 强制让Cell和animView完成布局，避免动画前布局未生效
    barCell.layoutIfNeeded()
    animView.layoutIfNeeded()
    
    // 设置动画初始状态
    animView.transform = CGAffineTransform(translationX: 0, y: barCell.animFillHeightCons.constant)
    
    // 执行动画
    UIView.animate(withDuration: 0.7, options: .curveEaseOut) {
        animView.transform = CGAffineTransform.identity
        // 如果动画涉及约束变化才需要调用layoutIfNeeded，纯transform动画不需要
        // barCell.layoutIfNeeded()
    }
}

2. 检查animView的布局约束和层级问题

• 确认animFillHeightCons这个约束确实是绑定在animView上的，没有关联到其他视图；
• 临时给animView设置一个显眼的背景色（比如红色），看看它的初始位置和大小是否符合预期，有没有被父视图遮挡；
• 检查animView的父视图是否开启了clipsToBounds = true，如果初始transform让animView超出了父视图范围，会被裁剪掉，导致看不到动画。可以临时把父视图的clipsToBounds设为false测试。

3. 避免configureCell方法覆盖animView的transform

如果你的configureCell()方法在willDisplay之后还会被调用（比如Cell复用的时候），可能会重置animView的transform，直接覆盖掉动画效果。确保configureCell()只负责设置Cell的静态内容，动画逻辑完全放在willDisplay里。

4. 尝试用UIPropertyAnimator替代基础动画（可选）

如果基础的UIView.animate还是有问题，可以试试更灵活的UIPropertyAnimator，有时候它能解决一些时序上的动画问题：

func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
    guard let barCell = cell as? BarCell, let animView = barCell.animView else { return }
    
    barCell.layoutIfNeeded()
    animView.transform = CGAffineTransform(translationX: 0, y: barCell.animFillHeightCons.constant)
    
    let animator = UIPropertyAnimator(duration: 0.7, curve: .easeOut) {
        animView.transform = .identity
    }
    animator.startAnimation()
}

5. 检查animView的isHidden属性

有时候不小心把animView的isHidden设为true了，自己没注意到，这也会导致动画看不到。可以在动画前加一行print(animView.isHidden)确认一下。

总结 #

优先从修正willDisplay的代码逻辑开始，确保只处理当前Cell，再排查布局约束、视图层级这些基础问题，应该就能解决animView动画不生效的问题了。

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