如果你說你不知道什麼是下拉刷新,好,我原諒你。不過你一定用過這些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提供的那一套圖片包拖進你的工程裡。
更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11