本章主要講解如何利用PullingRefreshTableView實現下拉(上拉)刷新的操作
PullingRefreshTableView 實現上下拉刷新的例子百度有很多,大家可以自己搜索下,先看下那些例子(一般搜索過來的都是一樣的大家反正先把那部分內容先了解一下,然后再看本文檔比較好。與他們重復的地方我就不做介紹了,反正百度一搜一大堆。我這邊就直接從我自己如何實現的角度來進行介紹一下。)
首先,我們需要去下載PullingRefreshTableView的兩個類庫然后在項目中將其附加進去
直接上圖
需要添加這些文件
由於是使用該空間,我目前直接使用XIB文件上的UITableView創建的話會出錯,無法實現效果,只能通過代碼來實現。(底子不夠扎實的后果)
所以我們在修改的時候需要將原先XIB文件上的UITableView刪除掉
然后開始進行修改代碼
首先我們需要對.h文件進行如下修改
#import <UIKit/UIKit.h> #import "PullingRefreshTableView.h" @interface NEWSViewController : UIViewController< PullingRefreshTableViewDelegate,UITableViewDelegate,UITableViewDataSource>{ NSInteger allcount; } @property(nonatomic,retain) NSString *pid; @property(nonatomic,assign) NSInteger allcount; @property (nonatomic) BOOL refreshing;//是否刷新 @property (assign,nonatomic) NSInteger page;//頁數 @property (retain,nonatomic) PullingRefreshTableView *tableView; //tableview @property (retain,nonatomic) NSMutableArray *list;//數據 @end
然后是.m文件
其實要修改的內容並不是很多。我逐段代碼來解釋
第一步先把相關的屬性都 聲明掉先
@implementation NEWSViewController @synthesize tableView = _tableView; @synthesize refreshing = _refreshing; @synthesize page = _page; @synthesize list = _list; @synthesize allcount;
第二步 增加一個loadView 方法在頁面繪制 該方法我是有適當修改過的。如果想完全了解的話建議大家還是將網上搜過來的例子 查看一遍比較好
該方法的作用其實就是加載界面的時候進行初始化的作用
//加載界面 - (void)loadView { [super loadView]; _list = [[NSMutableArray alloc] init ];//初始化 _page=1; [self initListData ]; CGRect bounds = self.view.bounds; bounds.size.height -= 120.f; _tableView = [[PullingRefreshTableView alloc] initWithFrame:bounds style:UITableViewStyleGrouped]; _tableView.pullingDelegate=self; _tableView.dataSource = self; _tableView.delegate = self; [self.view addSubview:_tableView]; }
第三步修改viewDidLoad方法,我這邊自己在原文件中又增加了一個限制上啦刷新的屬性。
- (void)viewDidLoad { self.tableView.footerOnly=YES; [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. if (self.page == 0) { [self.tableView launchRefreshing]; } }
第四步增加一個頁數的修改 這樣我們才可以在獲取數據的時候根據PAGE來獲取相對應頁數的數據
- (void)loadData{ self.page++; if (self.refreshing) {//是否刷新中 self.page = 1; self.refreshing = NO; // [self.list removeAllObjects]; } if(self.page==1) { [self.list removeAllObjects]; } [self initListData]; if ((self.page-1)*4 >= allcount) {//如果所有數據加載完成 [self.tableView tableViewDidFinishedLoadingWithMessage:@"已加載所有數據!"]; self.tableView.reachedTheEnd = YES; } else { // [self.tableView tableViewDidFinishedLoading];//steps----3 NSInteger addcount=0; if(allcount %4!=0) addcount+=1; // [self.tableView tableViewDidFinishedLoadingWithPageInfo:_page allcount: allcount/10+addcount]; // [self.tableView updateRefreshDate:_page allcount:allcount]; [self.tableView tableViewDidFinishedLoading]; self.tableView.reachedTheEnd = NO; [self.tableView reloadData]; } }
最后再增加 如下四個方法(不需要做任何修改 ,直接拷貝進去就好了)
然后按F5刷新就實現了我們下拉刷新的方法了
#pragma 上拉刷新部分代碼 //開始數據刷新 #pragma mark - PullingRefreshTableViewDelegate - (void)pullingTableViewDidStartRefreshing:(PullingRefreshTableView *)tableView{ self.refreshing = YES; [self performSelector:@selector(loadData) withObject:nil afterDelay:1.f]; } //開頭的時間.此處需要稍加修改 - (NSDate *)pullingTableViewRefreshingFinishedDate{ NSDate * date=[NSDate date]; NSDateFormatter *df = [[NSDateFormatter alloc] init ]; df.dateFormat = @"yyyy-MM-dd HH:mm"; // NSDate *date = [df dateFromString:@"2012-05-03 10:10"]; return date; } //上拉時加載數據 - (void)pullingTableViewDidStartLoading:(PullingRefreshTableView *)tableView{ [self performSelector:@selector(loadData) withObject:nil afterDelay:1.f]; } #pragma mark - Scroll - (void)scrollViewDidScroll:(UIScrollView *)scrollView{ [self.tableView tableViewDidScroll:scrollView]; } - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{ [self.tableView tableViewDidEndDragging:scrollView]; }
PS:其他的方法都不需要修改了 。只需要添加 文章中介紹的幾個方法。(獲取數據部分記得將頁數傳遞給后台 才能獲取不同頁數的數據哦!!!)
附上效果圖幾張