IOS MJRefresh:下拉刷新与上拉加载

MJRefresh简介

MJRefresh用于为应用添加常用的上拉加载更多与下拉刷新效果，适用UIScrollView、UITableView 、 UICollectionView、UIWebView控件。它的类结构如下.

图中红色文字的类，我们可以直接拿来使用。
MJRefresh中包含了多种上拉加载更多与下拉刷新的实现效果，开发者可以根据需求选取不同样式，主要为以下几种：
默认效果：

自定义文字效果：

动画效果：

自定义控件效果：

举例

1.准备

platform :ios, '7.0' #手机的系统
target '下拉刷新和上拉加载' do #工程名字
     pod 'MJRefresh' 
end

在要使用的地方导入头文件即可。

#import <MJRefresh.h>

2、添加相关属性

• randomData是随机生成的数据，做为程序网络获取的假数据

# define randomData [NSString stringWithFormat:@"随机数——%d",arc4random_uniform(1000000)]

• moreDataFlag通过该值判断当前获取的数据量，为下次刷新提供数据量；dataArray用来存放假数据；

@interface ViewController ()<UITableViewDataSource>
@property(nonatomic,strong)UITableView *tableView;
@property(nonatomic,copy)NSMutableArray *dataArray;
@property int moreDataFlag;
@end

3、初始化

• 初始化数组，添加一些测试数据。

- (NSMutableArray *)dataArray {
    if (_dataArray == nil) {
        _dataArray = [NSMutableArray array];
        for (int i = 0; i < 5; i++) {
            [_dataArray addObject:randomData];
        }
    }
    return _dataArray;
}

• 通过懒加载的方式初始化UITableView，并对其做一些简单的设置。

- (UITableView *)tableView {
    if (_tableView == nil) {
        _tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 30, CGRectGetWidth(self.view.bounds), CGRectGetHeight(self.view.bounds)- 30) style:UITableViewStylePlain];
        _tableView.dataSource = self;
        self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
                [self loadNewData];
        }];
        self.tableView.mj_footer = [MJRefreshBackNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
    }
    return _tableView;
}

• 添加tableView，设定moreDataFlag初始值。

- (void)viewDidLoad {
    [super viewDidLoad];
    self.moreDataFlag = 1;
    [self.view addSubview:self.tableView];
}

4.实现UITableView数据源方法

• 返回单元格数量

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return  self.dataArray.count;
}

• 返回单元格的具体样式和显示内容。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *identifier = @"cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    if (cell == nil) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
    }
    cell.textLabel.text = self.dataArray[indexPath.row];
    return cell;
}

5、实现下拉刷新与上拉加载

• 下拉刷新数据。

- (void)loadNewData {
    //刷新前先移除表中数据
    [self.dataArray removeAllObjects];
    // 1.添加与移除前数据等量的新数据
    for (int i = 0; i<5 * self.moreDataFlag; i++) {
        [self.dataArray insertObject:randomData atIndex:0];
    }
    // 2.模拟2秒后刷新表格UI（真实开发中，可以移除这段gcd代码）
    __weak UITableView *tableView = self.tableView;
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0* NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        // 刷新表格
        [tableView reloadData];
        // 拿到当前的下拉刷新控件，结束刷新状态
        [tableView.mj_header endRefreshing];
    });
}

• 上拉加载更多数据。

- (void)loadMoreData {
    // 1.添加假数据
    for (int i = 0; i<5; i++) {
        [self.dataArray addObject:randomData];
    }
    // 2.模拟2秒后刷新表格UI（真实开发中，可以移除这段gcd代码）
    __weak UITableView *tableView = self.tableView;
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0* NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        // 刷新表格
        [tableView reloadData];
        //做多展示20组数据
        if (self.dataArray.count >= 20) {
            //加载最后一份数据后，变为没有更多数据的状态
            [tableView.mj_footer endRefreshingWithNoMoreData];
        }else{
            // 拿到当前的上拉加载控件，结束刷新状态
            [tableView.mj_footer endRefreshing];
        }  
    });
    self.moreDataFlag ++;
}

代码

删除了Pod install 产生的文件
https://github.com/ShaeZhuJiu/MJRefresh_base.git