iOS开发：如何在UICollectionView中实现分批加载更多数据？

嘿，刚好能帮你搞定这个UICollectionView分批加载的需求！下面是一步步的实现方案，完全匹配你要的「初始加载5条，滚动到底部再加载5条，直到20条全加载完」的要求：

1. 拆分数据源变量 #

首先别直接用原来的productInfo作为列表的数据源，我们拆成两个变量：一个存服务器返回的所有20条数据，一个存当前已经显示在列表里的数据，这样能灵活控制分批加载的数量：

// 服务器获取到的全部20条数据
static var allProductInfo: [ProductInfo] = []
// UICollectionView实际使用的显示数据源
var displayedProductInfo: [ProductInfo] = []

2. 初始化加载前5条 #

在视图控制器的viewDidLoad里，先把前5条数据赋值给显示数据源，然后刷新列表：

override func viewDidLoad() {
    super.viewDidLoad()
    // 假设这里已经完成服务器请求，allProductInfo已经有20条数据
    // 初始加载最多5条（防止数据不足5条的情况）
    let initialLoadCount = min(5, Self.allProductInfo.count)
    displayedProductInfo = Array(Self.allProductInfo.prefix(initialLoadCount))
    collectionView.reloadData()
    
    // 别忘了设置collectionView的delegate和dataSource哦
    collectionView.delegate = self
    collectionView.dataSource = self
}

3. 实现UICollectionView的数据源方法 #

修改数据源方法，用displayedProductInfo来提供数据：

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return displayedProductInfo.count
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "你的Cell复用ID", for: indexPath) as? 你的自定义Cell类 else {
        return UICollectionViewCell()
    }
    // 拿到当前位置的数据，配置cell
    let product = displayedProductInfo[indexPath.item]
    cell.titleLabel.text = product.title // 示例：设置cell的标题
    // 其他UI配置...
    return cell
}

4. 监听滚动，触发底部加载 #

利用UIScrollView的代理方法scrollViewDidScroll，判断滚动到接近底部时，加载下一批5条数据：

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    // 计算当前滚动位置是否到达底部附近（这里设置距离底部100pt时触发，可根据需求调整）
    let offsetY = scrollView.contentOffset.y
    let contentHeight = scrollView.contentSize.height
    let scrollViewHeight = scrollView.frame.height
    
    if offsetY > contentHeight - scrollViewHeight - 100 {
        // 先判断是否还有未加载的数据
        guard displayedProductInfo.count < Self.allProductInfo.count else {
            return
        }
        // 计算本次要加载的数量：最多5条，不超过剩余数据量
        let remainingCount = Self.allProductInfo.count - displayedProductInfo.count
        let loadCount = min(5, remainingCount)
        // 获取下一批数据的范围
        let startIndex = displayedProductInfo.count
        let endIndex = startIndex + loadCount
        let newProducts = Array(Self.allProductInfo[startIndex..<endIndex])
        // 添加到显示数据源
        displayedProductInfo.append(contentsOf: newProducts)
        // 局部刷新列表（比reloadData更流畅）
        let newIndexPaths = (startIndex..<endIndex).map { IndexPath(item: $0, section: 0) }
        collectionView.insertItems(at: newIndexPaths)
    }
}

小提示 #

• 一定要确保collectionView的delegate已经设置，不然scrollViewDidScroll不会被调用。
• 如果后续是需要请求服务器加载数据（不是本地已有20条），记得加个加载状态标记，比如isLoading，防止滚动时重复触发请求。
• 用insertItems(at:)做局部刷新，比全局reloadData()的用户体验更好，不会有列表跳动的问题。

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