Swift中如何让UICollectionViewCell超出视图一定距离再销毁？

嘿，针对你提到的需求和两个问题，我整理了纯原生的解决方案，完全不用快照或副本：

1. 实现单元格超出可视范围50pt后才销毁 #

要让UICollectionView不在单元格刚移出可视区就回收，核心是让系统认为超出50pt的区域仍属于“可视范围”，这需要自定义UICollectionViewFlowLayout来修改布局计算的范围：

class ExtendedVisibleFlowLayout: UICollectionViewFlowLayout {
    private let extendedOffset: CGFloat = 50
    
    // 每次滚动时重新计算布局
    override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
        return true
    }
    
    // 扩展布局计算的区域，上下左右各加50pt
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        let extendedRect = rect.insetBy(dx: -extendedOffset, dy: -extendedOffset)
        guard let attributes = super.layoutAttributesForElements(in: extendedRect) else { return nil }
        
        // 这里后续添加缩放动画逻辑
        return attributes
    }
    
    // 修正内容大小，避免滚动边界异常
    override var collectionViewContentSize: CGSize {
        guard let collectionView = collectionView else { return super.collectionViewContentSize }
        let originalSize = super.collectionViewContentSize
        if scrollDirection == .vertical {
            return CGSize(width: originalSize.width, height: originalSize.height + extendedOffset * 2)
        } else {
            return CGSize(width: originalSize.width + extendedOffset * 2, height: originalSize.height)
        }
    }
}

把你的UICollectionView的layout替换成这个自定义类，单元格就只会在超出可视区50pt时才会被系统回收。

2. 解决单元格移出视图后阴影消失的问题 #

阴影消失本质是单元格被提前回收了，只要上面的延迟销毁逻辑生效，在阴影需要显示的范围内（超出可视区50pt内），单元格还存在，阴影就不会消失。另外还要确保阴影的设置正确：

在你的自定义UICollectionViewCell中，建议在layoutSubviews里更新阴影路径，避免单元格大小变化（比如缩放）时阴影错位：

class CustomCollectionViewCell: UICollectionViewCell {
    override func layoutSubviews() {
        super.layoutSubviews()
        // 基础阴影参数
        layer.shadowColor = UIColor.black.cgColor
        layer.shadowOpacity = 0.3
        layer.shadowOffset = CGSize(width: 0, height: 2)
        layer.shadowRadius = 4
        // 关键：绑定阴影路径到单元格边界，提升性能同时避免错位
        layer.shadowPath = UIBezierPath(rect: bounds).cgPath
        // 必须关闭边界裁剪，否则阴影会被单元格框住
        clipsToBounds = false
    }
}

3. 修复缩放手动画从视图边缘开始的问题 #

这个问题的核心是动画只对当前可视区的单元格生效，外部单元格还没被布局。结合扩展可视区的逻辑，我们可以在自定义FlowLayout中对所有扩展范围内的单元格计算缩放比例，让动画从外部区域就开始：

继续完善ExtendedVisibleFlowLayout类，添加缩放逻辑：

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    let extendedRect = rect.insetBy(dx: -extendedOffset, dy: -extendedOffset)
    guard let attributes = super.layoutAttributesForElements(in: extendedRect), let collectionView = collectionView else { return attributes }
    
    // 获取滚动中的可视区域中心
    let visibleCenter = CGPoint(
        x: collectionView.bounds.midX + collectionView.contentOffset.x,
        y: collectionView.bounds.midY + collectionView.contentOffset.y
    )
    
    // 为每个单元格计算缩放比例
    attributes.forEach { attr in
        // 水平滚动用x轴距离，垂直滚动换y轴
        let distance = abs(attr.center.x - visibleCenter.x)
        // 定义缩放影响的最大距离（可视区半宽 + 扩展的50pt）
        let maxDistance = collectionView.bounds.width / 2 + extendedOffset
        // 计算缩放值：距离越远缩放越小，最小保留0.8（可自行调整）
        let scale = max(0.8, 1 - (distance / maxDistance))
        attr.transform = CGAffineTransform(scaleX: scale, y: scale)
    }
    
    return attributes
}

这样一来，可视区外50pt内的单元格会被提前布局并应用缩放动画，滚动时动画会从外部区域自然过渡到可视区，不会出现从边缘突然启动的情况。

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