IOS6新特性之下拉刷新

在IOS6未發佈以前,幾乎都是使用那個UIRefresh在實現下拉刷新,甚至有人仍是先了上拉的功能,不得不說牛人不少啊。多是Apple意識到了這個功能的實用性,在IOS6中增長了下拉刷新,可是上啦尚未添加。新手自學了一下這個下拉刷新的功能,還不錯,分享一下。ide

首先看一下最終的效果:atom

       


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

1、新建一個工程,基於那麼模板不要緊,這裏使用的是Single-view來實現的。.net

2、修改ViewController.h文件,因爲Apple給出的下拉屬性是在UITableViewController中,因此咱們修改咱們工程中的類繼承UITableViewController。代理

使用command+鼠標點擊UITableViewController,來到UITableViewController的定義處,咱們能夠看到以下部分:orm

在IOS6的版本中添加了UIRefreshControl,使用上面打開UITableViewController一樣的方法,咱們來到UIRefreshControl的定義處,能夠看到以下的定義:blog


在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中已經對這兩個內容進行了集成。

3、完成後在ViewController.m文件中初始化顯示的個數,以及添加爲UI添加刷新控件的方法。ip

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

4、完成後實現這裏的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的下拉還帶有」粘性「相似的效果,蠻有意思。

6、編寫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. }  

7、完成這些以後,還不能出現界面,須要咱們實現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. }  
8、完成後編譯,確認無錯誤後,cmd+R運行,你就能夠看到神奇的下拉刷新了。
相關文章
相關標籤/搜索