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(, , self.tableView.frame.size.width, )];

     //将刷新控件添加到表格视图表头中
     [self.tableView.tableHeaderView addSubview:self.refreshControl];

     //添加刷新事件
     [self.refreshControl addTarget:self action:@selector(loadData:) forControlEvents:UIControlEventValueChanged];
 }

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

 -(void)prepareData
 {
     for (int i=; i<; i++)
     {
         NSString *product = [NSString stringWithFormat:@"产品-%d",arc4random_uniform()];
         [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(, , self.tableView.frame.size.width, )];
 self.refreshControl.tintColor = [UIColor redColor];
 [self.tableView addSubview:self.refreshControl];

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

  self.arrayM = [NSMutableArray array];
     for(int i=; i<; i++)
     {
         NSString *book = [NSString stringWithFormat:@"book-%d",i+];
         [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()];
     [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数据