IOS6新特性之下拉刷新

时间：2022-02-05 12:54:14

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

首先看一下最终的效果：

IOS6新特性之下拉刷新<UIRefreshControl>       IOS6新特性之下拉刷新<UIRefreshControl>

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

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

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

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

IOS6新特性之下拉刷新<UIRefreshControl>

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

IOS6新特性之下拉刷新<UIRefreshControl>

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

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

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

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

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

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



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

  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方法，在这个方法中实现下拉松开时所要显示的文字信息：

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

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

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

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



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

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

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

相关文章