ios6內置下拉刷新

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

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

       


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

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

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

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

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


在UIRefreshControl中有幾個使用的屬性,咱們即將使用到的是attributedTitle 屬性。事件

查看完API以後,咱們開始在ViewController.h文件中修改代碼:get

[cpp] view plaincopycmd

  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添加刷新控件的方法。

[cpp] view plaincopy

  1. - (void)viewDidLoad  

  2. {  

  3.     [super viewDidLoad];   

  4.       

  5.     self.items = 0;  

  6.     [self addRefreshViewController];  

  7. }  


4、完成後實現這裏的addRefreshViewController方法:

[cpp] view plaincopy

  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 plaincopy

  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 plaincopy

  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 plaincopy

  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運行,你就能夠看到神奇的下拉刷新了。

9、Demo就不上傳了,全部的東西都已經在上面了。

相關文章
相關標籤/搜索