引言

2022.02.11更新：新增了最簡單、高效和最推薦的方法。

2020.05.25更新：對總結(jié)進(jìn)行了詳細(xì)的補(bǔ)充。

傳統(tǒng)的上拉加載更多

在iOS的開發(fā)過程中，如果用列表展示數(shù)據(jù)，此時(shí)一般的邏輯為上拉加載更多數(shù)據(jù)，配合MJRefresh就是在滑動(dòng)到最底部時(shí)，觸發(fā)加載更多的網(wǎng)絡(luò)請求。

滑動(dòng)過程中預(yù)加載

如果希望體驗(yàn)好一點(diǎn)，那么可以在滑動(dòng)的過程中，加入一個(gè)預(yù)加載機(jī)制，具體的做法如下：

方法1（最簡單、高效和最推薦）：

使用MJRefresh的特性（MJ大神已經(jīng)替我們封裝好了，但是大多數(shù)人都不知道），在設(shè)置TableVIew的MJRefreshAutoFooter時(shí)，triggerAutomaticallyRefreshPercent這個(gè)屬性默認(rèn)是1，我們來看看源代碼中是怎么說的：

此時(shí)我們只需要一行代碼：

MJRefreshAutoFooter *footer = [MJRefreshAutoFooter footerWithRefreshingTarget:weakSelf refreshingAction:@selector(loadMore)];
footer.triggerAutomaticallyRefreshPercent = -20; //關(guān)鍵的一行代碼
self.tableView.mj_footer = footer;

將這個(gè)屬性設(shè)置為一個(gè)負(fù)數(shù)，意思就是當(dāng)控件的底部出現(xiàn)-20時(shí)就自動(dòng)刷新，很明顯，-20的距離就代表還沒有滑動(dòng)到底部，就觸發(fā)了刷新了，這樣便完成了我們的預(yù)加載的需求。

方法2（自己計(jì)算實(shí)現(xiàn)，不推薦了）：

下滑（上拉）過程中，對當(dāng)前scrollView（tableView）的剩余可滑動(dòng)距離（總滑動(dòng)距離占可滑動(dòng)距離的）比例進(jìn)行判斷，如果小于（大于）某個(gè)設(shè)定值，那么就觸發(fā)網(wǎng)絡(luò)請求（加載更多數(shù)據(jù)）。

• 這樣做的好處顯而易見，用戶不必再去多做一個(gè)上拉加載更多數(shù)據(jù)的操作了，如果我們需要展示的數(shù)據(jù)量非常大的話，那么此種加載方式可以節(jié)省用戶大量的操作時(shí)間，大大提升了用戶的使用體驗(yàn)。

下面是具體實(shí)現(xiàn)細(xì)節(jié)（此細(xì)節(jié)是針對上述方法2的）

方法2是作者之前自己研究出來的，但是后來發(fā)現(xiàn)MJ已經(jīng)為我們實(shí)現(xiàn)了這么好的方法，就用不到了。有興趣的同學(xué)可以看看方法2的具體實(shí)現(xiàn)：

1.我們需要在實(shí)現(xiàn)網(wǎng)絡(luò)請求的類中添加一個(gè)Bool屬性，用來判定當(dāng)前是否正在進(jìn)行網(wǎng)絡(luò)請求；

@property (nonatomic, assign) BOOL isLoadingDataBool; //是否正在請求數(shù)據(jù)

2.在scrollView的滑動(dòng)代理方法中，處理預(yù)加載機(jī)制的邏輯

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    if (self.tableview.mj_footer.state == MJRefreshStateNoMoreData) {
        // 沒有更多數(shù)據(jù)，直接返回
        return;
    }
    
    // 預(yù)加載的計(jì)算邏輯，當(dāng)滑動(dòng)距離>80%目前剩余可滑動(dòng)距離的時(shí)候，觸發(fā)預(yù)加載
    CGFloat threshold = 0.8; //設(shè)定的比例值
    CGFloat current = scrollView.contentOffset.y + ((scrollView.contentSize.height != scrollView.frame.size.height) ? scrollView.frame.size.height : 0); //當(dāng)前滑動(dòng)距離
    CGFloat total = scrollView.contentSize.height; //總的可滑動(dòng)距離
    CGFloat ratio = current / total;
    if (ratio >= threshold) { //滑動(dòng)距離超過比例值
        [self requestDataList:NO showHUD:NO]; //發(fā)起加載更多網(wǎng)絡(luò)請求
        self.isLoadingDataBool = YES; //設(shè)置正在網(wǎng)絡(luò)請求狀態(tài)為YES（一定要寫在請求之后）
    }
}

3.處理網(wǎng)絡(luò)請求

/// 發(fā)起網(wǎng)絡(luò)請求
/// @param isReloadBool 是否為刷新請求
/// @param isShowHUDBool 是否加載指示器 
- (void)requestDataList:(BOOL)isReloadBool showHUD:(BOOL)isShowHUDBool {
    if (self.isLoadingDataBool) {
       // 當(dāng)前正在請求，直接返回
       return;
    }
    kWeakSelf(self);
    [DZCXHTTP requestWithResulted:^(BOOL isSuccessed, NSDictionary *dataDic, NSString *errorMsg) {
        kStrongSelf(self);
        strongself.isLoadingDataBool = NO; //請求完成，設(shè)置正在請求的狀態(tài)為NO
    }];
}

總結(jié)

這個(gè)預(yù)加載其實(shí)不難，但是有幾個(gè)細(xì)節(jié)的地方需要處理好：

1.第二步scrollView的代理方法中計(jì)算當(dāng)前滑動(dòng)時(shí)，一定要判斷當(dāng)前的contenntSize是否等于scrollView的高度，如果等于的話證明scrollView是剛剛開始滑動(dòng)，還沒有過一屏的距離，此時(shí)在計(jì)算當(dāng)前滑動(dòng)的距離時(shí)，就不能加上scrollView的高度；

2.當(dāng)滑動(dòng)的比例值超出我們設(shè)定值的時(shí)候，移動(dòng)要先發(fā)起網(wǎng)絡(luò)請求，再設(shè)置正在網(wǎng)絡(luò)請求的狀態(tài)為YES，因?yàn)樵诰W(wǎng)絡(luò)請求中會(huì)對該狀態(tài)進(jìn)行判斷，如果為YES的話直接就return了；

3.在網(wǎng)絡(luò)請求的完成回調(diào)中，別忘記了將正在網(wǎng)絡(luò)請求的狀態(tài)改回為NO。

以上就是iOS開發(fā)TableView網(wǎng)絡(luò)請求及展示預(yù)加載實(shí)現(xiàn)示例的詳細(xì)內(nèi)容，更多關(guān)于iOS TableView網(wǎng)絡(luò)請求預(yù)加載的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論