Swift实现UICollectionView从底部加载新单元格（仿WhatsApp/Telegram）

我懂你要的这种聊天列表效果——新消息从底部往上填充，打开页面直接看到最新的评论，之前试的代码没生效大概率是调用时机不对或者没考虑到细节。我给你分享两个亲测可行的方案：

这个方法是把整个UICollectionView和它的Cell都翻转，视觉上实现从底部开始布局的效果，逻辑上还是按照正常顺序添加数据就行：

1. 先翻转CollectionView的坐标系：

override func viewDidLoad() {
    super.viewDidLoad()
    // 翻转CollectionView
    collectionView.transform = CGAffineTransform(scaleX: 1, y: -1)
    // 保险起见明确设置FlowLayout的滚动方向为垂直
    if let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
        flowLayout.scrollDirection = .vertical
    }
}

2. 每个Cell也要翻转回来，不然内容是倒着的：
   在你的自定义UICollectionViewCell里添加这段代码：

override func layoutSubviews() {
    super.layoutSubviews()
    // 把Cell翻转回正常方向
    self.transform = CGAffineTransform(scaleX: 1, y: -1)
}

这样操作后，你往数据源数组里正常append新评论，CollectionView会自动把新消息显示在视觉上的底部，完全符合WhatsApp/Telegram的效果，而且代码量极少。

如果你不想用翻转的方法，可以修正你之前的代码，核心是找对调用时机，并且计算offset的时候考虑contentInset：

1. 封装滚动到底部的方法 #

func scrollToBottom(animated: Bool) {
    // 先确保布局已经完成
    collectionView.layoutIfNeeded()
    
    let contentSize = collectionView.collectionViewLayout.collectionViewContentSize
    let visibleHeight = collectionView.bounds.height - collectionView.contentInset.top - collectionView.contentInset.bottom
    // 计算需要滚动的偏移量，最小为0（避免内容高度小于视图高度时出现负偏移）
    let targetOffsetY = max(contentSize.height - visibleHeight, 0)
    
    collectionView.setContentOffset(CGPoint(x: 0, y: targetOffsetY), animated: animated)
}

2. 正确的调用时机 #

• 页面初始化完成后：在viewDidLayoutSubviews里调用（不要在viewDidLoad，这时候视图还没布局好）

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // 只在第一次布局时滚动到底部，避免每次布局都触发
    static var didScrollToBottom = false
    if !didScrollToBottom {
        scrollToBottom(animated: false)
        didScrollToBottom = true
    }
}

• 添加新评论后：在数据更新完成后调用

// 示例：添加新评论并更新UI
func addNewComment(_ comment: Comment) {
    comments.append(comment)
    // 用performBatchUpdates比reloadData更流畅
    collectionView.performBatchUpdates({
        let indexPath = IndexPath(item: comments.count - 1, section: 0)
        collectionView.insertItems(at: [indexPath])
    }, completion: { [weak self] _ in
        self?.scrollToBottom(animated: true)
    })
}

为什么你之前的代码无效？ #

大概率是调用时机不对——如果在viewDidLoad里执行，此时CollectionView的bounds还没被正确设置，计算出来的contentOffset自然是错的。另外你没考虑contentInset（比如导航栏、TabBar带来的内边距），也会导致滚动位置不准。

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