[转]iOS6新特征：UIRefreshControl实现下拉刷新

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

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

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

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

---

原文如下：

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

首先看一下最终的效果：

image.png

image.png

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

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

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

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

image.png

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

image.png

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

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

#import   
//修改父类为UITableViewController  
@interface UIRefreshViewController : UITableViewController  
  
//定义显示的个数  
@property (nonatomic,assign) NSInteger items;  
  
@end  

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

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

- (void)viewDidLoad  
{  
    [super viewDidLoad];   
      
    self.items = 0;  
    [self addRefreshViewController];  
} 

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

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

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

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

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

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

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

-(void)loadData{  
      
    [self.refreshControl endRefreshing];  
    self.refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"下拉刷新"];  
      
    self.items++;  
    [self.tableView reloadData];  
}  

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

#pragma mark - Table view data source  
  
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView  
{  
#warning Potentially incomplete method implementation.  
    // Return the number of sections.  
    return 1;  
}  
  
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  
{  
#warning Incomplete method implementation.  
    // Return the number of rows in the section.  
    return self.items;  
}  
  
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
{  
    static NSString *CellIdentifier = @"Cell";  
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];  
    if (cell == nil) {  
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];  
    }  
      
    // Configure the cell...  
    cell.textLabel.text = [NSString stringWithFormat:@"Evolution.cc & %d",indexPath.row];  
      
    return cell;  
}  

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

---

查看作者首页