[轉]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 <UIKit/UIKit.h>  
//修改父類為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運行,你就可以看到神奇的下拉刷新了。

查看作者首頁

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容