UICollectionView Footer高度动画实现问题

我来帮你解决这个Footer高度切换生硬的问题！之前我也踩过这个坑，直接在代理方法里返回不同高度确实会显得很突兀，咱们可以通过状态监听+动画触发的方式来实现流畅过渡。

步骤1：用可观察的状态变量控制Footer显示 #

首先把原来的shouldDisplay()改成带didSet的属性，这样状态变化时能自动触发动画逻辑：

// 定义布尔值控制Footer的显示状态
var shouldShowFooter: Bool = false {
    didSet {
        // 用UIView动画包裹布局更新，实现平滑过渡
        UIView.animate(withDuration: 0.3) {
            // 让CollectionView重新计算布局
            self.collectionView.collectionViewLayout.invalidateLayout()
            // 立即执行布局更新，确保动画生效
            self.collectionView.layoutIfNeeded()
        }
    }
}

这里的0.3是动画时长，你可以根据需求调整，比如改成0.5会让动画更平缓。

步骤2：修改代理方法使用新状态变量 #

把原来的referenceSizeForFooterInSection方法改成用shouldShowFooter判断高度：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForFooterInSection section: Int) -> CGSize {
    // 根据状态返回对应高度
    let footerHeight = shouldShowFooter ? 100 : 0
    return CGSize(width: UIScreen.main.bounds.width, height: footerHeight)
}

可选优化：精准局部刷新（针对多section场景） #

如果你的CollectionView有多个section，不想因为Footer高度变化刷新整个布局，可以用performBatchUpdates只刷新目标section的Footer：

var shouldShowFooter: Bool = false {
    didSet {
        UIView.animate(withDuration: 0.3) {
            self.collectionView.performBatchUpdates({
                // 替换成你需要刷新的section索引
                self.collectionView.reloadSections(IndexSet(integer: 0))
            }, completion: nil)
        }
    }
}

⚠️ 注意：这种方式会刷新该section下的所有cell，如果section内有大量cell，可能存在性能问题，此时还是用全局布局刷新的方式更稳妥。

额外提示：自定义Footer的内容动画 #

如果你的Footer是自定义视图（比如包含标签、按钮等），想让内部内容也跟着高度变化做动画，可以在自定义Footer的layoutSubviews里处理，或者在shouldShowFooter的didSet里获取Footer视图并给子视图加动画：

if let footer = collectionView.supplementaryView(forElementKind: UICollectionView.elementKindSectionFooter, at: IndexPath(item: 0, section: 0)) as? CustomFooter {
    footer.titleLabel.alpha = shouldShowFooter ? 1 : 0
}

这样就能实现Footer高度从0到100（或反向）的平滑过渡，用户体验会提升不少～

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