iOS6新特征：UIRefreshControl实现下拉刷新

本想学习了下拉刷新之后自己总结一下写篇文章出来的，但觉得学习过程中发现的这篇博文一经写的够清楚明了了，而且demo也很好，基本跟着走一遍都能学会了，实在不觉得自己会写出什么更好的东西来，所以就直接转载吧，最原始的博文地址已不可考，我看到的也是一篇转载，就不贴原地址啦。

原文的开发环境比较老，我是在iOS SDK 8.1 + Xcode 6环境下开发的，同样不用改变什么

原文没有给出demo工程，这里贴上我自己写的demo工程：https://github.com/Cloudox/UIRefreshTest

有什么问题欢迎一起讨论学习~

原文如下：

在IOS6未发布之前，几乎都是使用那个UIRefresh在实现下拉刷新，甚至有人还是先了上拉的功能，不得不说牛人很多啊。可能是Apple意识到了这个功能的实用性，在IOS6中增加了下拉刷新，但是上啦还没有添加。新手自学了一下这个下拉刷新的功能，还不错，分享一下。

首先看一下最终的效果：

       

注：我使用的是IOS6 SDK  + xCode4.5

一、新建一个工程，基于那么模板没关系，这里使用的是Single-view来实现的。

二、修改ViewController.h文件，由于Apple给出的下拉属性是在UITableViewController中，所以我们修改我们工程中的类继承UITableViewController。

使用command+鼠标点击UITableViewController，来到UITableViewController的定义处，我们可以看到如下部分：

在IOS6的版本中添加了UIRefreshControl，使用上面打开UITableViewController同样的方法，我们来到UIRefreshControl的定义处，可以看到如下的定义：

在UIRefreshControl中有几个使用的属性，我们即将使用到的是attributedTitle 属性。

查看完API之后，我们开始在ViewController.h文件中修改代码：

[cpp]  view plain copy

1. #import <UIKit/UIKit.h>  
2. //修改父类为UITableViewController  
3. @interface UIRefreshViewController : UITableViewController  
4.   
5. //定义显示的个数  
6. @property (nonatomic,assign) NSInteger items;  
7.   
8. @end  

注意这里不需要进行代理和数据源的书写，因为UITableViewController中已经对这两个内容进行了集成。

三、完成后在ViewController.m文件中初始化显示的个数，以及添加为UI添加刷新控件的方法。

[cpp]  view plain copy

1. - (void)viewDidLoad  
2. {  
3.     [super viewDidLoad];   
4.       
5.     self.items = 0;  
6.     [self addRefreshViewController];  
7. }  

四、完成后实现这里的addRefreshViewController方法：

[cpp]  view plain copy

1. -(void)addRefreshViewController{  
2.     self.refreshControl = [[UIRefreshControl alloc] init];  
3.     self.refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"下拉刷新"];  
4.     [self.refreshControl addTarget:self action:@selector(RefreshViewControlEventValueChanged) forControlEvents:UIControlEventValueChanged];  
5. }  

这里我们使用了attributedTitle属性，这个属性就是设置下拉刷新的文字显示的。另外，UIRefreshControl响应的是ValueChange事件。

五，当用户下拉table的时候，refreshControl就会响应RefreshViewControlEventValueChanged方法，在这个方法中实现下拉松开时所要显示的文字信息：

[cpp]  view plain copy

1. -(void)RefreshViewControlEventValueChanged{  
2.     self.refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"刷新中..."];  
3.       
4.     [self performSelector:@selector(loadData) withObject:nil afterDelay:2.0f];  
5. }  

这样在下拉的时候，refreshControl上的文字就会变成“刷新中。。。”，为了看到刷新的效果，设置了2秒的延后执行loadData，对用户来说是一个友好性，另外Apple的下拉还带有”粘性“类似的效果，蛮有意思。

六、编写loadData方法，实现界面数据的刷新。同时refreshControl置为”下拉刷新“状态。

[cpp]  view plain copy

1. -(void)loadData{  
2.       
3.     [self.refreshControl endRefreshing];  
4.     self.refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"下拉刷新"];  
5.       
6.     self.items++;  
7.     [self.tableView reloadData];  
8. }  

七、完成这些之后，还不能出现界面，需要我们实现TableView的那些delegate方法和dataSource方法：

[cpp]  view plain copy

1. #pragma mark - Table view data source  
2.   
3. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView  
4. {  
5. #warning Potentially incomplete method implementation.  
6.     // Return the number of sections.  
7.     return 1;  
8. }  
9.   
10. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  
11. {  
12. #warning Incomplete method implementation.  
13.     // Return the number of rows in the section.  
14.     return self.items;  
15. }  
16.   
17. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
18. {  
19.     static NSString *CellIdentifier = @"Cell";  
20.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];  
21.     if (cell == nil) {  
22.         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];  
23.     }  
24.       
25.     // Configure the cell...  
26.     cell.textLabel.text = [NSString stringWithFormat:@"Evolution.cc & %d",indexPath.row];  
27.       
28.     return cell;  
29. }  

八、完成后编译，确认无错误后，cmd+R运行，你就可以看到神奇的下拉刷新了。

顶

0