用过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 ,看看效果吧。包你满意。
?