iOS 下拉刷新

移动应用开发中有这么一种场景,就是在列表中显示的数据刷新,有点击刷新按钮刷新的,也有现在最流行的由Twitter首先推出的下拉刷新功能,在IOS中,使用下拉刷新更新UITableView中的数据也用的非常多,最典型的就是新浪微博的客户端,使用下拉的形式来更新最新的微博信息。

在Android开发中,有相应的开源项目来实现下拉刷新,这里主要讲如何在IOS中实现下拉刷新的功能,我们用到一个EGOTableViewPullRefresh的开源项目来实现这个功能,收先到这里下载源码,下载完成后里面有个Demo是可以直接运行的Xcode工程,然后就是这个开源项目的源码,学习如何使用可以参照Demo,我以下实现的这个是在Demo的基础上进行了一定的修改,主要是支持了中英文版本,原生的只支持英文,我添加了中英文支持,然后就是刷新时间的格式,修改后的格式更直观,原生的是使用SDK自带的时间格式,而我改成了自定义的形式。

首先来看看工程目录结构:


加载源码到工程中的方式我就不赘述了,然后我新建了一个MainViewController来作为主界面控制器,配有相应的xib文件。EGOTableViewPullRefresh文件夹下是开源项目的源码,Supporting Files分组下的Localizable.strings是做国际化的文件,支持中英文,这个文件就是支持下拉刷新中英文显示的国际化资源文件。

国际化是指随着手机语言的切换,软件的文字语言也随着切换,我这里只支持中英文,所以只建了一个English和一个Chinese的文件。关于如何在IOS中使用国际化,首先在工程中新建文件,选择Resouces然后选择Strings File类型的文件,创建成功后,选中该文件,在右边属性选择器中添加语言支持,如下图:


点击+号选择相应的语言就行,完成后就出现了两个子文件,分别对应中文和英文,在这些文件里面是以键值对的方式来标示需要国际化的内容:

英文:

"loading" = "Loading...";

中文:

"loading" = "加载中...";

左边是键,右边是值,注意一定要以“分号”结尾,否则无法识别该键值对。

在代码中的使用方式:

NSString *loadingString = NSLocalizedString(@"loading"@"");

第一个参数是获取内容的键,第二个是如果找不到该键对应的值,则取第二个参数对应的默认值。
在Android中,也是使用两个strings.xml文件来进行国际化,相比Android,IOS中国际化文件要精简些。

接下来就看如何使用该下拉刷新的开源项目,先看看最后实现的效果:

                                             

                                                   

打开MainViewController.xib文件然后拖入一个UITableViewController并连接DataSource和Delegate,然后在MainViewController.h文件中声明UITableView的协议,接下来上代码,代码中有详细的注释说明。

  1. <span style="font-family:Comic Sans MS;font-size:18px;">#import <UIKit/UIKit.h>  
  2. #import "EGORefreshTableHeaderView.h"  
  3.   
  4. @interface MainViewController : UITableViewController<UITableViewDelegate,UITableViewDataSource,EGORefreshTableHeaderDelegate>  
  5. {  
  6.     EGORefreshTableHeaderView *_refreshTableView;  
  7.     BOOL _reloading;  
  8. }  
  9.   
  10. @property (strong,nonatomic) NSArray *array;  
  11.   
  12. //开始重新加载时调用的方法  
  13. - (void)reloadTableViewDataSource;  
  14. //完成加载时调用的方法  
  15. - (void)doneLoadingTableViewData;  
  16.   
  17. @end</span>  

  1. #import "MainViewController.h"  
  2.   
  3. @interface MainViewController ()  
  4.   
  5. @end  
  6.   
  7. @implementation MainViewController  
  8. @synthesize array = _array;  
  9.   
  10. #pragma mark -  
  11. #pragma mark View life cycle  
  12. -(void)viewDidLoad  
  13. {  
  14.     [super viewDidLoad];  
  15.       
  16.     //设置导航条标题  
  17.     self.navigationItem.title = @"Pull Refresh";  
  18.       
  19.     if (_refreshTableView == nil) {  
  20.         //初始化下拉刷新控件  
  21.         EGORefreshTableHeaderView *refreshView = [[EGORefreshTableHeaderView alloc] initWithFrame:CGRectMake(0.0f, 0.0f - self.tableView.bounds.size.height, self.view.frame.size.width, self.tableView.bounds.size.height)];  
  22.         refreshView.delegate = self;  
  23.         //将下拉刷新控件作为子控件添加到UITableView中  
  24.         [self.tableView addSubview:refreshView];  
  25.         _refreshTableView = refreshView;  
  26.     }  
  27.       
  28.     //初始化用于填充表格的数据  
  29.     NSArray *dataArray = [NSArray arrayWithObjects:@"Ryan",@"Vivi", nil];  
  30.     self.array = dataArray;  
  31.       
  32.     //重新加载表格数据  
  33.     [self.tableView reloadData];  
  34.       
  35. }  
  36.   
  37. -(void)viewDidUnload  
  38. {  
  39.     [super viewDidUnload];  
  40.     _refreshTableView = nil;  
  41. }  
  42.   
  43. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation  
  44. {  
  45.     return (interfaceOrientation == UIInterfaceOrientationPortrait);  
  46. }  
  47.   
  48. # pragma mark -  
  49. # pragma mark UITableViewDataSource Methods  
  50. -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView  
  51. {  
  52.     return 10;  
  53. }  
  54.   
  55. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  
  56. {  
  57.     return [self.array count];  
  58. }  
  59.   
  60. //带头标题的表格设置标题方法  
  61. -(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section  
  62. {  
  63.     return [NSString stringWithFormat:@"Title %d",section + 1];  
  64. }  
  65.   
  66. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
  67. {  
  68.     static NSString *CellIdentifier = @"CellIdentifier";  
  69.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];  
  70.       
  71.     if (!cell) {  
  72.         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];  
  73.     }  
  74.       
  75.     cell.textLabel.text = [self.array objectAtIndex:indexPath.row];  
  76.       
  77.     return cell;  
  78. }  
  79.   
  80. #pragma mark -  
  81. #pragma mark Data Source Loading / Reloading Methods  
  82. //开始重新加载时调用的方法  
  83. - (void)reloadTableViewDataSource{  
  84.     _reloading = YES;  
  85.     //开始刷新后执行后台线程,在此之前可以开启HUD或其他对UI进行阻塞  
  86.     [NSThread detachNewThreadSelector:@selector(doInBackground) toTarget:self withObject:nil];  
  87. }  
  88.        
  89. //完成加载时调用的方法  
  90. - (void)doneLoadingTableViewData{  
  91.     NSLog(@"doneLoadingTableViewData");  
  92.       
  93.     _reloading = NO;  
  94.     [_refreshTableView egoRefreshScrollViewDataSourceDidFinishedLoading:self.tableView];      
  95.     //刷新表格内容  
  96.     [self.tableView reloadData];  
  97. }  
  98.   
  99. #pragma mark -  
  100. #pragma mark Background operation  
  101. //这个方法运行于子线程中,完成获取刷新数据的操作  
  102. -(void)doInBackground  
  103. {  
  104.     NSLog(@"doInBackground");  
  105.       
  106.     NSArray *dataArray2 = [NSArray arrayWithObjects:@"Ryan2",@"Vivi2", nil];  
  107.     self.array = dataArray2;  
  108.     [NSThread sleepForTimeInterval:3];  
  109.       
  110.     //后台操作线程执行完后,到主线程更新UI  
  111.     [self performSelectorOnMainThread:@selector(doneLoadingTableViewData) withObject:nil waitUntilDone:YES];  
  112. }  
  113.   
  114.   
  115. #pragma mark -  
  116. #pragma mark EGORefreshTableHeaderDelegate Methods  
  117. //下拉被触发调用的委托方法  
  118. -(void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView *)view  
  119. {  
  120.     [self reloadTableViewDataSource];  
  121. }  
  122.   
  123. //返回当前是刷新还是无刷新状态  
  124. -(BOOL)egoRefreshTableHeaderDataSourceIsLoading:(EGORefreshTableHeaderView *)view  
  125. {  
  126.     return _reloading;  
  127. }  
  128.   
  129. //返回刷新时间的回调方法  
  130. -(NSDate *)egoRefreshTableHeaderDataSourceLastUpdated:(EGORefreshTableHeaderView *)view  
  131. {  
  132.     return [NSDate date];  
  133. }  
  134.   
  135. #pragma mark -   
  136. #pragma mark UIScrollViewDelegate Methods  
  137. //滚动控件的委托方法  
  138. -(void)scrollViewDidScroll:(UIScrollView *)scrollView  
  139. {  
  140.     [_refreshTableView egoRefreshScrollViewDidScroll:scrollView];  
  141. }  
  142.   
  143. -(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate  
  144. {  
  145.     [_refreshTableView egoRefreshScrollViewDidEndDragging:scrollView];  
  146. }  
  147.   
  148. @end  
posted @ 2015-11-30 16:04  挽月细数风流  阅读(319)  评论(0编辑  收藏  举报