iPhone 开发实现 tweetie 的 pull-down-refresh

用过tweetie的人应该都会知道，pull-down-refresh这个强大的控件。

　　这个强大的控件甚至乎已经让人误认为是苹果的原始控件。只因为它与TableView的浑然天成。

　　不少的应用都纷纷加入了这个控件，但是如何才能多快好省地构建这个控件到自己的应用中呢。

　　要实现这个功能，主要有几个重点：

　　1.在TableView之上，加上一个View控制所有的操作

　　2.在View中，控制对应的响应事件，相关状态和最近更新时间

　　3.在TableView中，处理Scroll的一些响应，如浮过多少之后，就响应哪个函数之类的。

　　以上的几点，做起来都比较繁琐，不过，保着幸好有老外的理论支持，

　　devindoty这位同学共享了一个项目，可以帮助我们快速地构建这样的一个应用，项目的网址如下：http://github.com/enormego/EGOTableViewPullRefresh

　　后续会放出代码分析，敬请期待。

　　先放几张我的作品里的图出来分享一下：

　　release to refresh:

　　loading:

亲爱的，我还是有些不忍心，不过事情的经过是这样的：Cocoa Touch 的 官方 SDK 里，压根就没实现这个 pull & refresh 的功能。恩，这事真不是乔布斯手下干的。

然而也不是麻匪干的。是他干的，Enormego 团队，一个来自美国的天才、热心的开发团队。我知道你急着要看代码了， https://github.com/enormego/EGOTableViewPullRefresh 。

别急，打开你的工程文件。我们 5 分钟就能搞定。

一、找到你的 UITableView / UITableViewController 的 .h 文件，结合以下代码，添加相应的元素：

1 2 3 4 5 6 7 8 9 10 11 12 13 14

#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 文件，结合以下代码，添加相应的元素：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

- ( 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 ]; }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

#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 元素：

1 2 3 4 5 6 7 8 9

- ( void )viewDidUnload { _refreshHeaderView = nil; } - ( void )dealloc { _refreshHeaderView = nil; [super dealloc ]; }

四、编译之前，别忘了将EGORefreshTableHeaderView.h、EGORefreshTableHeaderView.m两个文件，以及Enormego提供的那一套图片包拖进你的工程里。

五、很抱歉没有第五步了，编译你的工程，打开 simulator ，看看效果吧。包你满意。