iOS實現無感知上拉加載更多功能的思路與方法

更新時間：2021年07月12日 11:20:48 作者：season_zhu

下拉刷新和上拉加載更多功能是一個應用非常廣泛的一個效果,最新項目中就遇到這個功能,這篇文章主要給大家介紹了關于iOS實現無感知上拉加載更多功能的思路與方法,需要的朋友可以參考下

什么是無感知上拉加載更多

什么是無感知，這個這樣理解：在網絡情況正常的情況下，用戶對列表進行連續(xù)的上拉時，該列表可以無卡頓不停再見新的數據。

如果要體驗話，Web端很多已經做到了，比如掘金的首頁，還有比如i掘金iOS的App，列表都是無感知的。

說來慚愧，寫了這久的代碼，還真的沒有認真思考這個功能怎么實現。

如何實現無感知上拉加載更多

我在看見這位網友留言的時候，就開始思考了。

在我看來，有下面幾個著手點：

列表滑動時候的是如何知道具體滑動的位置以觸發(fā)接口請求，添加更多數據？
從UIScrollView的代理回調中去找和scrollView的位置（contentOffset）大?。╟ontentSize）關系密切的回調。
網絡上有沒有比較成熟的思路？

順著這條線，我先跑去看了UIScrollViewDelegate的源碼：

public protocol UIScrollViewDelegate : NSObjectProtocol {

    
    @available(iOS 2.0, *)
    optional func scrollViewDidScroll(_ scrollView: UIScrollView) // any offset changes

    @available(iOS 3.2, *)
    optional func scrollViewDidZoom(_ scrollView: UIScrollView) // any zoom scale changes

    .
    .
    .
    .
    .
    .
    /// 代碼很多，這里就不放上來，給大家壓力了。
}

直接上結論吧：看了一圈，反正沒有和contentSize或者位置相關的回調代理。scrollViewDidScroll這個回調里面雖然可以知道scrollView，但是對于我們需要的信息還不夠具體。

思考：既然UIScrollViewDelegate的代理沒有現成的代理回調，自己使用KVO去監(jiān)聽試試？

網上的思路（一）

就在我思考的同時，我也在網絡上需求實現這個功能的答案，讓后看到這樣一個思路：

實現方法很簡單，需要用到tableView的一個代理方法，就可輕松實現。- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath就是這個方法，自定義顯示cell。這個方法不太常用。但是這個方法可在每個cell將要第一次出現的時候觸發(fā)。然后我們可設置當前頁面第幾個cell將要出現時，觸發(fā)請求加載更多數據。

我看了之后，心想著，多寫一個TableView的代理，總比寫KVO的代碼少，先試試再說，于是代碼擼起：

extension SwiftCoinRankListController: UITableViewDelegate {
    
    func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
        let row = indexPath.row
        let distance = dataSource.count - 25
        print("row: \(row), distance:\(distance)  ")
        if row == distance {
            loadMore()
        }
    }
}

本代碼可以在開源項目中的SwiftCoinRankListController.swift文件查看具體的邏輯，其主要就是通過cell顯示的個數去提前請求加載數據，然后我們看看效果：

Gif可能看起來還好，我說我調試的感受：雖然做到了上拉無感知，但是當手滑的速度比較快的時候，到底了新的數據沒有回來，就會在底部等一段時間。

雖然功能達到了，但是感受卻不理想，果然還是監(jiān)聽的細膩程度不夠。

網上的思路（二）

然后在繼續(xù)的搜索中，我看到了另外一個方案：

很多時候我們上拉刷新需要提前加載新數據，這時候利用MJRefreshAutoFooter的屬性triggerAutomaticallyRefreshPercent就可以實現，該屬性triggerAutomaticallyRefreshPercent默認值為1，然后改成0的話劃到底部就會自動刷新，改成-1的話，在快劃到底部44px的時候就會自動刷新。

MJRefresh？使用MJRefreshAutoFooter，這個簡單，我直接把基類的footer給替換掉就可以了，本代碼可以在開源項目中的BaseTableViewController.swift文件查看：

/// 設置尾部刷新控件,更新為無感知加載更多
let footer = MJRefreshAutoFooter()
footer.triggerAutomaticallyRefreshPercent = -1
tableView.mj_footer = footer

再來看看效果：

直接說感受：

代碼改動性少，編寫簡單，達到預期效果，爽歪歪。比的方案一更絲滑，體驗好。

到此，功能就實現，難道就完了？

當然，不會，我們去看看源碼吧。

MJRefresh代碼的追根朔源

首先我們看看MJRefreshAutoFooter.h文件：

這里有個專門的屬性triggerAutomaticallyRefreshPercent去做自動刷新，那么我們去MJRefreshAutoFooter.m中去看看吧：

注意看看喔，這個.m文件有一個- (void)scrollViewContentOffsetDidChange:(NSDictionary *)change方法，并且還調用了super，從這個方法名中我們可以明顯的得到當scrollView的contentOffset變化的時候進行回調的監(jiān)聽。，我們順藤摸瓜，看看super是什么，會不會有新的發(fā)現：