ios 下拉刷新 EGO实现

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

在Android开发中，有相应的开源项目来实现下拉刷新，这里主要讲如何在IOS中实现下拉刷新的功能，我们用到一个EGOTableViewPullRefresh的开源项目来实现这个功能，收先zhang_biao_1991 下载源码，下载完成后里面有个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的协议，接下来上代码，代码中有详细的注释说明。

 

[cpp]view plaincopy

 

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>  

 

[cpp]view plaincopy

 

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  

 

 

以上就实现了现在比较流行的下拉刷新功能，以上只是实现了一个现实需求中的框架，使用中根据业务需求添加功能就可以了。