iOS中許多頁面都是tableView，而不少tableView都需要提供下拉刷新、上拉加載等功能。MJRefresh和SVPullToRefresh是兩個很好的第三方刷新控件。這里大概寫一下自己利用SVPullToRefresh實現下拉刷新、上拉加載功能步驟。

• 創建tableView

- (CardTableView *)tableView
{
    if (!_tableView) {
        _tableView = [[CardTableView alloc] initWithFrame:CGRectZero style:UITableViewStylePlain];
        _tableView.backgroundColor = [UIColor whiteColor];
        _tableView.clickCellDelegate = self;
        _tableView.contentInset = UIEdgeInsetsMake(64, 0, 0, 0);
        _tableView.scrollIndicatorInsets = UIEdgeInsetsMake(64, 0, 0, 0);
    }
    return _tableView;
}

PS: 當你導航欄為半透明模糊風格時，contentInset和scrollIndicatorInsets屬性你可能用的到

• viewDidLoad

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    self.title = @"帖子";
    self.view.backgroundColor = [UIColor whiteColor];
    
    self.automaticallyAdjustsScrollViewInsets = NO;//取消自動偏移
    self.loadMoreIndex = 0;
    self.isFirstLoad = YES;
    
    [self setupUI];//布局tableView方法
    [self setupErrorUI];//布局錯誤頁面方法
    
    [self contentRefresh];//下拉刷新方法
    [self contentLoadMore];//上拉加載方法
    
    [self firstLoadData];//首次加載數據方法
    
}

#pragma mark -首次加載數據
- (void)firstLoadData
{
    self.currentIndex = 1;
    [self requestMyCardListData];
}

#pragma mark -下拉刷新
- (void)contentRefresh
{
    __weak typeof(self) weakSelf = self;
    
    [self.tableView addPullToRefreshWithActionHandler:^{
        __strong typeof(weakSelf) sself = weakSelf;
        
        sself.loadMoreIndex = 0;
        sself.currentIndex = 1;
        [sself requestMyCardListData];
    }];
    
}

#pragma mark -上拉加載
- (void)contentLoadMore
{
    __weak typeof(self) weakSelf = self;
    [self.tableView addInfiniteScrollingWithActionHandler:^{
        
        __strong typeof(weakSelf) sself = weakSelf;
        
        sself.loadMoreIndex ++;
        [sself requestMyCardListData];
    }];
}

//tableView約束

[self.view addSubview:self.tableView];
    [_tableView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.leading.and.trailing.equalTo(@0);
        make.top.equalTo(self.mas_topLayoutGuideTop);
        make.bottom.equalTo(self.mas_bottomLayoutGuideTop);
    }];

• 數據: 這里模擬網絡請求

- (void)requestMyCardListData
{
    //模擬網路請求
    MBProgressHUD *hud;
    if (self.isFirstLoad) {
        hud = [MBProgressHUD showHUDAddedTo:self.view animated:YES];
    }
    __weak typeof(self) weakSelf = self;
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        
        __strong typeof(weakSelf) sself = weakSelf;
        
        if (sself.isFirstLoad) {
            [hud hideAnimated:YES];
        }
        
        BOOL isSuccess = YES;
        if (isSuccess) {//請求成功
            
            sself.isFirstLoad = NO;
            
            if (sself.currentIndex == 1) {//下拉
                [sself.dataArray removeAllObjects];
                sself.tableView.showsInfiniteScrolling = YES;
            }
            
            sself.currentIndex += 1;
            
            NSInteger dataNum = 10;
            if (sself.loadMoreIndex == 2) {
                dataNum = 3;
            }
            
            NSMutableArray *array = [NSMutableArray array];
            for (int i = 0; i < dataNum; i ++) {
                CardModel *model = [[CardModel alloc] init];
                model.cardContent = [NSString stringWithFormat:@"內容%d", i];
                model.color = i;
                model.day = i + 2;
                model.month = i + 1;
                [array addObject:model];
            }
            
            [sself.dataArray addObjectsFromArray:array];
            
            sself.tableView.dataArray = sself.dataArray;
            [sself.tableView reloadData];
            
            if (sself.dataArray.count == 0) {
                sself.myErrorView.hidden = NO;
                sself.tableView.hidden = YES;
                sself.myErrorView.userInteractionEnabled = NO;
                
                sself.myErrorLabel.text = @"還沒有發帖哦!";
                sself.myErrorBotLabel.hidden = YES;
            }else {
                sself.myErrorView.hidden = YES;
                sself.tableView.hidden = NO;
            }
            
            if (array.count < kPageSize) {//數據不足一頁時 不顯示上拉控件
                sself.tableView.showsInfiniteScrolling = NO;
            }
            
        }else {//error
            
            if (sself.dataArray.count > 0) {//如果已經有數據 錯誤提示
                sself.myErrorView.hidden = YES;
                sself.tableView.hidden = NO;
                
                //提示
                MBProgressHUD *hud = [MBProgressHUD showHUDAddedTo:sself.view animated:YES];
                [hud hideAnimated:YES afterDelay:2];
            }else {//沒數據 錯誤頁面 -點擊重試
                sself.myErrorView.hidden = NO;
                sself.tableView.hidden = YES;
                sself.myErrorView.userInteractionEnabled = YES;
                sself.myErrorLabel.text = @"頁面加載失敗";
                sself.myErrorBotLabel.hidden = NO;
            }
        }
        
        [sself.tableView.pullToRefreshView stopAnimating];
        [sself.tableView.infiniteScrollingView stopAnimating];
        
    });
}

PS: 每次下拉 成功回調顯示上拉加載控件(因為暫時不知是否還有數據), 頁碼增加: sself.currentIndex += 1; 判斷每次加載得到的數據是否夠一頁的數據，若不足一頁數據則說明數據加載完畢，不顯示上拉控件；最后 結束下拉或上拉

另外，需要注意的是，需要先reload 然后再隱藏上拉加載控件，否則上拉成功后， 頁面會向下滑動一定距離，新加載出來的數據不顯示在可視頁面上，需要手動上拉才顯示

即:

[sself.tableView reloadData];//reloadData在tableView.showsInfiniteScrolling前面執行

sself.tableView.showsInfiniteScrolling = NO;

若reloadData在隱藏上拉加載控件后執行效果:

后reloadData.gif

當第二次上拉數據成功后 頁面向下滑動了一段距離 新加載的數據未顯示在可視頁面上

先reloadData然后隱藏上拉控件:

先reloadData后隱藏上拉控件.gif

代碼