iOS:下拉刷新控件UIRefreshControl的详解

下拉刷新控件:UIRefreshControl

1、具体类信息：

 @interface UIRefreshControl : UIControl //继承控制类

- (instancetype)init;

@property (nonatomic, readonly, getter=isRefreshing) BOOL refreshing; //是否可以刷新

@property (nonatomic, retain) UIColor *tintColor; //控件颜色

@property (nonatomic, retain) NSAttributedString *attributedTitle; //控件属性标题

- (void)beginRefreshing;//开始刷新

- (void)endRefreshing ;//结束刷新

@end

2、用途：

它一般用来刷新下载数据并显示出来，例如上网时的刷新。当然，它可以搭配着表格视图tableView,进行下拉时，表格数据可以刷新加载下载的数据。另外，它也是表格视图控制器UITableViewController的特有属性。

 

下面就来具体举两个例子，都是刷新显示表格中的数据：

 

例子1：通过继承表格视图控制器UITableViewController来使用下拉刷新控件UIRefreshControl,此时tableView和RefreshControl刷新控件为表格视图控制器的特有属性。

 

前期故事板布局处理：

<1>删除故事板中的的控制器，然后拖入一个UITableViewController

 

 

<2>将ViewController类继承表格视图控制器类UITableViewController

 

 

<3>将UITableViewController控制器关联对应的类ViewController

 

 

好了，接下来就是代码的书写了

//1.定义一个可变的数组,用来存储加载的数据

#import "ViewController.h"
@interface ViewController ()
@property (strong,nonatomic)NSMutableArray *arrayM;
@end

//2.懒加载初始化数组

-(NSMutableArray*)arrayM
{
    if(!_arrayM)
    {
        _arrayM = [NSMutableArray array];
    }
    return _arrayM;
}

//3.初始化刷新控件，并添加控件事件

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //创建刷新控件
    self.refreshControl = [[UIRefreshControl alloc]initWithFrame:CGRectMake(0, 0, self.tableView.frame.size.width, 100)];
    
    //将刷新控件添加到表格视图表头中
    [self.tableView.tableHeaderView addSubview:self.refreshControl];
    
    //添加刷新事件
    [self.refreshControl addTarget:self action:@selector(loadData:) forControlEvents:UIControlEventValueChanged];
}

//4.封装一个准备加载数据的方法

-(void)prepareData
{
    for (int i=0; i<3; i++)
    {
        NSString *product = [NSString stringWithFormat:@"产品-%d",arc4random_uniform(10)];
        [self.arrayM addObject:product];
        
        //整体刷新表格
        [self.tableView reloadData];
    }
}

//5、实现刷新控件的事件

#pragma mark -loadData
-(void)loadData:(UIRefreshControl*)sender
{
    //加载数据
    [self prepareData];
    
    //结束刷新
    [self.refreshControl endRefreshing];
}

//6、实现表格视图数据源协议的相关方法，显示数据再表格中

#pragma mark -<UITableViewDataSource>
//行数
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.arrayM.count;
}
//设置每一个单元格的内容
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //1.根据reuseIdentifier，先到对象池中去找重用的单元格对象
    static NSString *reuseIdentifier = @"Cell";
    UITableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:reuseIdentifier];
    //2.如果没有找到，自己创建单元格对象
    if(cell == nil)
    {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reuseIdentifier];
    }
    //3.设置单元格对象的内容
    cell.textLabel.text = [self.arrayM objectAtIndex:indexPath.row];
    return cell;
}

演示结果如下：

没有任何操作时：       　　　　　　　　　　　　　　　　　  下拉刷新时：多了三条数据

     

 

例子2：纯代码在ViewController类中创建tableview和UIRefreshControl,然后实现下拉刷新操作显示结果

具体代码如下：

//1.实现数据源协议并定义需要的属性

#import "ViewController.h"

@interface ViewController ()<UITableViewDataSource>
@property (strong,nonatomic)UITableView *tableView;
@property (strong,nonatomic)UIRefreshControl *refreshControl;
@property (strong,nonatomic)NSMutableArray *arrayM;
@end

//2.- (void)viewDidLoad方法完成如下代码：

※创建表格视图,并将其添加到view视图中  

    self.tableView = [[UITableView alloc]initWithFrame:self.view.bounds];
    [self.view addSubview:self.tableView];

※创建刷新控件,并将其添加到表格视图中

self.refreshControl = [[UIRefreshControl alloc]initWithFrame:CGRectMake(0, 0, self.tableView.frame.size.width, 100)];
self.refreshControl.tintColor = [UIColor redColor];
[self.tableView addSubview:self.refreshControl];

※初始化数组,并准备数据

 self.arrayM = [NSMutableArray array];
    for(int i=0; i<5; i++)
    {
        NSString *book = [NSString stringWithFormat:@"book-%d",i+1];
        [self.arrayM addObject:book];
    }

※设置数据源并添加刷新控件事件

self.tableView.dataSource = self;
[self.refreshControl addTarget:self action:@selector(load:) forControlEvents:UIControlEventValueChanged];

//3、实现刷新事件加载数据

#pragma mark-load
-(void)load:(UIRefreshControl*)sender
{
    //开始刷新加载数据
    NSString *room = [NSString stringWithFormat:@"room-%d",arc4random_uniform(10)];
    [self.arrayM addObject:room];
    [self.tableView reloadData];
    
    //结束刷新
    [self.refreshControl endRefreshing];
}

//4、实现数据源协议的需要的方法，显示数据再表格

#pragma mark -<UITableViewDataSource>
//行
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.arrayM.count;
}
//设置每一个单元格的内容
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //1.根据reuseIdentifier，先到对象池中去找重用的单元格对象
    static NSString *reuseIdentifier = @"Cell";
    UITableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:reuseIdentifier];
    //2.如果没有找到，自己创建单元格对象
    if(cell == nil)
    {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reuseIdentifier];
    }
    //3.设置单元格对象的内容
    cell.textLabel.text = [self.arrayM objectAtIndex:indexPath.row];
    return cell;
}

 演示结果如下：

没有任何操作时：                                                                下拉刷新时：

           

刷新结束后：多了一条room-1数据