UITableView 添加 下拉刷新(EGORefreshTableHeaderView)

兄弟联盟工作室 2013-04-18

如果你说你不知道什么是下拉刷新,好,我原谅你。不过你一定用过这些app吧?
 
然后你说,真好用,我也要给我的app里的所有table view都添加这个 pull & refresh 的功能。然后你就去 UIKit 里找啊找。
 
咦,怎么所有跟 table view 相关的 header file 里,都没有这个功能的 instance method 或者 property 描述?是不是因为我的 SDK 版本太旧了?于是你赶紧通宵下载了最新的 iOS 4.3 Beta 2。咦,怎么还是没有?
 
亲爱的,我还是有些不忍心,不过事情的经过是这样的:Cocoa Touch 的 官方 SDK 里,压根就没实现这个 pull & refresh 的功能。恩,这事真不是乔布斯手下干的。
 
然而也不是麻匪干的。是他干的,Enormego 团队,一个来自美国的天才、热心的开发团队。我知道你急着要看代码了, https://github.com/enormego/EGOTableViewPullRefresh 。
 
别急,打开你的工程文件。我们 5 分钟就能搞定。
 
一、找到你的 UITableView / UITableViewController 的 .h 文件,结合以下代码,添加相应的元素:
 #import "EGORefreshTableHeaderView.h"
 
@interface RootViewController : UITableViewController  {
 
EGORefreshTableHeaderView *_refreshHeaderView;
 
//  Reloading var should really be your tableviews datasource
 //  Putting it here for demo purposes
 BOOL _reloading;
 }
 
- (void)reloadTableViewDataSource;
 - (void)doneLoadingTableViewData;
 @end
 
二、切换到你的 UITableView / UITableViewController 的 .m 文件,结合以下代码,添加相应的元素:
 - (void)viewDidLoad {
 [super viewDidLoad];
 
if (_refreshHeaderView == nil) {
 
EGORefreshTableHeaderView *view = [[EGORefreshTableHeaderView alloc] initWithFrame:CGRectMake(0.0f, 0.0f - self.tableView.bounds.size.height, self.view.frame.size.width, self.tableView.bounds.size.height)];
 view.delegate = self;
 [self.tableView addSubview:view];
 _refreshHeaderView = view;
 [view release];
 
}
 
//  update the last update date
 [_refreshHeaderView refreshLastUpdatedDate];
 }
 #pragma mark -
 #pragma mark Data Source Loading / Reloading Methods
 
- (void)reloadTableViewDataSource{
 
//  should be calling your tableviews data source model to reload
 //  put here just for demo
 _reloading = YES;
 
}
 
- (void)doneLoadingTableViewData{
 
//  model should call this when its done loading
 _reloading = NO;
 [_refreshHeaderView egoRefreshScrollViewDataSourceDidFinishedLoading:self.tableView];
 
}
 
#pragma mark -
 #pragma mark UIScrollViewDelegate Methods
 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
 
[_refreshHeaderView egoRefreshScrollViewDidScroll:scrollView];
 
}
 
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
 
[_refreshHeaderView egoRefreshScrollViewDidEndDragging:scrollView];
 
}
 
#pragma mark -
 #pragma mark EGORefreshTableHeaderDelegate Methods
 
- (void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView*)view{
 
[self reloadTableViewDataSource];
 [self performSelector:@selector(doneLoadingTableViewData) withObject:nil afterDelay:3.0];
 
}
 
- (BOOL)egoRefreshTableHeaderDataSourceIsLoading:(EGORefreshTableHeaderView*)view{
 
return _reloading; // should return if data source model is reloading
 
}
 
- (NSDate*)egoRefreshTableHeaderDataSourceLastUpdated:(EGORefreshTableHeaderView*)view{
 
return [NSDate date]; // should return date data source was last changed
 
}
 
三、最后呢,为了彰显你良好的内存管理习惯,别忘了释放掉相应的 UI 元素:
 - (void)viewDidUnload {
 _refreshHeaderView=nil;
 }
 
- (void)dealloc {
 
_refreshHeaderView = nil;
 [super dealloc];
 }
 
四、编译之前,别忘了将EGORefreshTableHeaderView.h、EGORefreshTableHeaderView.m两个文件,以及Enormego提供的那一套图片包拖进你的工程里。

相关推荐