当前位置: 代码迷 >> Iphone >> iPhone 开发兑现 tweetie 的 pull-down-refresh
  详细解决方案

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

热度:207   发布时间:2016-04-25 06:28:29.0
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.hEGORefreshTableHeaderView.m两个文件,以及Enormego提供的那一套图片包拖进你的工程里。

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

?

  相关解决方案