zoukankan      html  css  js  c++  java

  • 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的协议，接下来上代码，代码中有详细的注释说明。

    [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  
  • 相关阅读:
    第11次作业
    第十次作业
    找回感觉的练习
    Tomact学习笔记
    移动端问题小计
    节流和防抖函数
    requestAnimationFrame动画封装
    svg实现渐变进度圆环
    手机端判断安卓,iso,微信
    git常用指令
  • 原文地址：https://www.cnblogs.com/yuhaojishuboke/p/5043106.html
Copyright © 2011-2022 走看看