如何在UICollectionView单元格底部露出屏幕时触发动画？

嘿，这个需求太贴合实际了——毕竟动画要让用户完整看到才有意义，你的现有方案能实现效果，但确实可以优化得更高效和可靠，我来给你梳理几个改进方向：

现有方案的小问题 #

你的代码在scrollViewDidScroll里遍历所有可见单元格，逻辑是对的，但有两个可以优化的点：

1. scrollViewDidScroll会被频繁触发（滚动过程中每秒几十次），每次遍历所有可见cell有点浪费性能；
2. 没有动画触发的标记，可能会在滚动过程中重复调用animate()，导致动画异常或者不必要的性能消耗。

优化后的实现方案 #

第一步：给单元格添加动画触发标记 #

先在你的PublicationSingleMediaCollectionViewCell里加个布尔值，确保动画只执行一次：

class PublicationSingleMediaCollectionViewCell: UICollectionViewCell {
    // 标记是否已经执行过动画
    private(set) var hasAnimated = false
    
    func animate() {
        guard !hasAnimated else { return }
        // 这里写你的动画逻辑，比如：
        UIView.animate(withDuration: 0.3) {
            self.alpha = 1
            self.transform = .identity
        }
        hasAnimated = true
    }
}

第二步：优化滚动监听逻辑 #

修改scrollViewDidScroll的代码，减少不必要的判断，同时确保坐标系判断准确：

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    guard let collectionView = scrollView as? UICollectionView else { return }
    
    // 遍历可见单元格的indexPath，比遍历cell更高效
    for indexPath in collectionView.indexPathsForVisibleItems {
        guard let cell = collectionView.cellForItem(at: indexPath) as? PublicationSingleMediaCollectionViewCell else { continue }
        guard let layoutAttrs = collectionView.layoutAttributesForItem(at: indexPath) else { continue }
        
        // 将布局属性的frame转换到collectionView的坐标系（避免布局偏移导致判断错误）
        let cellFrameInCV = collectionView.convert(layoutAttrs.frame, from: collectionView.collectionViewLayout)
        
        // 只有当cell完全被collectionView的可视区域包含，且还没执行过动画时，才触发
        if collectionView.bounds.contains(cellFrameInCV) && !cell.hasAnimated {
            cell.animate()
        }
    }
}

额外的优化思路 #

如果你的collectionView是分页或者滚动速度较慢，还可以考虑：

• 利用scrollViewDidEndDecelerating（滚动停止时）再做判断，进一步减少触发次数，但这种方式不适合需要实时触发的场景；
• 对于大量单元格的场景，可以只处理当前屏幕边缘附近的cell，避免遍历所有可见单元格。

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