iOS UITableView下拉刷新上拉加载更多EGOTableViewPullRefresh类库使用初级剑侠篇（欢迎提建议和分享遇到的问题）

2024-06-23 22:58
文章标签 加载 问题 使用 初级 刷新 遇到 分享 ios 上拉 建议 uitableview 类库 欢迎 下拉 剑侠 egotableviewpullrefresh

本文主要是介绍iOS UITableView下拉刷新上拉加载更多EGOTableViewPullRefresh类库使用初级剑侠篇（欢迎提建议和分享遇到的问题），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！



这篇文章说下：MJRefresh和  EGOTableViewPullRefresh 的使用方法最下面有原理说明，若有不对或者建议请评论指出，先谢谢了：

首先是英文原文和类库下载地址：https://github.com/emreberge/EGOTableViewPullRefresh 

   

然后创建好自己使用的tableview控件接着：

  • 添加 QuartzCore.framework 到你的工程中。

  • 将 EGOTableViewPullRefresh 拖到你的工程目录下。
     
然后在需要使用的类里写上

 

下拉是一个刷新的工作，所以需要我们添加的代码无非就是数据刷新的代码。

（1）在.h文件中添加如下代码

[plain]  view plain copy
  1. @interface ...ViewController : UITableViewController<EGORefreshTableHeaderDelegate>  
  2. {  
  3.     EGORefreshTableHeaderView *refreshTableHeaderView;  
  4.     BOOL reloading;  
  5. }  
  6. - (void)reloadTableViewDataSource;  
  7. - (void)doneLoadingTableViewData;  

（2）在- (void)viewDidLoad函数中添加下面的代码。

[plain]  view plain copy
  1. if (refreshTableHeaderView == nil) {  
  2.           
  3. <span style="white-space:pre">  </span>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)];  
  4.     view.delegate = self;  
  5.     [self.tableView addSubview:view];  
  6.     refreshTableHeaderView = view;  
  7.     [view release];   
  8. }     
  9. //最后一次更新的时间  
  10. [refreshTableHeaderView refreshLastUpdatedDate];  

（3）在对应的.m文件中添加如下方法

[plain]  view plain copy
  1. #pragma mark -  
  2. #pragma mark Data Source Loading / Reloading Methods  
  3. //更新列表数据  
  4. - (void)reloadTableViewDataSource{  
  5.     [NSThread detachNewThreadSelector:@selector(updateNewsByPullTable) toTarget:self withObject:nil]; //异步加载数据，不影tableView动作  
  6.     reloading = YES;      
  7. }  
  8. //调用JSON服务获取数据  
  9. - (void)updateNewsByPullTable  
  10. {  
  11.     NSString *str = @"http://....../getAllNews.aspx";  
  12.     NSURL *url = [NSURL URLWithString:str];  
  13.     ASIHTTPRequest *request = [ASIHTTPRequest requestWithURL:url];  
  14.     [request startSynchronous];  
  15.       
  16.     //接收返回数据  
  17.     NSString *response = [request responseString];  
  18.     NSLog(@"%@",response);  
  19.     self.data = [response JSONValue];  
  20.     [self.tableView reloadData];  
  21. }  
  22.   
  23. - (void)doneLoadingTableViewData{  
  24.       
  25.     //model should call this when its done loading  
  26.     reloading = NO;  
  27.     [refreshTableHeaderView egoRefreshScrollViewDataSourceDidFinishedLoading:self.tableView];  
  28.       
  29. }  
  30.   
  31. #pragma mark -  
  32. #pragma mark UIScrollViewDelegate Methods  
  33.   
  34. - (void)scrollViewDidScroll:(UIScrollView *)scrollView{   
  35.       
  36.     [refreshTableHeaderView egoRefreshScrollViewDidScroll:scrollView];  
  37.       
  38. }  
  39.   
  40. - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{  
  41.       
  42.     [refreshTableHeaderView egoRefreshScrollViewDidEndDragging:scrollView];  
  43.       
  44. }  
  45.   
  46.   
  47. #pragma mark -  
  48. #pragma mark EGORefreshTableHeaderDelegate Methods  
  49.   
  50. - (void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView*)view{  
  51.       
  52.     [self reloadTableViewDataSource];  
  53.     [self performSelector:@selector(doneLoadingTableViewData) withObject:nil afterDelay:3.0];  
  54.       
  55. }  
  56.   
  57. - (BOOL)egoRefreshTableHeaderDataSourceIsLoading:(EGORefreshTableHeaderView*)view{  
  58.       
  59.     return reloading; // should return if data source model is reloading  
  60.       
  61. }  
  62.   
  63. - (NSDate*)egoRefreshTableHeaderDataSourceLastUpdated:(EGORefreshTableHeaderView*)view{  
  64.       
  65.     return [NSDate date]; // should return date data source was last changed  
  66.       
  67. }  


4、总结

    总的来说，实现这一功能并不复杂，关键在于-(void)reloadTableViewDataSource这一方法。这里我试了一下，读取数据的操作必须是异步的，要不然和tableView下拉再上弹这个动作会有很明显的延迟。再一次感受到了开源类库的强大，感谢这些大神们的无私贡献，让我们这些iOS开发初学者有机会能做出漂亮的应用。







也可以设置一个基类然后其他uitableview继承它：

.h


static NSString *CELL_ID = @"cell_id";


@class BaseTableView;

@protocol BaseTableViewDelegate <NSObject>


@optional

//下拉事件

- (void)pullDown:(BaseTableView *)tableView;

//上拉事件

- (void)pullUp:(BaseTableView *)tableView;

//选中单元格事件

- (void)didSelectRowAtIndexPath:(BaseTableView *)tabelView indexPath:(NSIndexPath *)indexPath;


@end


typedefvoid(^PullDonwFinish)(void);

typedefvoid(^PullUpFinish)(void);


@interface BaseTableView :UITableView<EGORefreshTableHeaderDelegate,UITableViewDataSource, UITableViewDelegate>

{

   EGORefreshTableHeaderView *_refreshHeaderView;

BOOL _reloading;

   UIButton *_moreButton;

}


@property(nonatomic,retain) NSMutableArray *data;


//是否显示下拉控件

@property(nonatomic,assign)BOOL refreshHeader;

//是否有更多(下一页)

@property(nonatomic,assign)BOOL isMore;


@property(nonatomic,copy)PullDonwFinish finishBlock;

@property(nonatomic,copy)PullUpFinish pullUpBlock;

//上拉代理对象

@property(nonatomic,assign)id<BaseTableViewDelegate> refreshDelegate;




//自动执行下拉动作

-(void)launchRefreshing;


- (void)reloadTableViewDataSource;

- (void)doneLoadingTableViewData;



@end


#import "BaseTableView.h
@implementation BaseTableView


- (id)initWithFrame:(CGRect)frame

{

   self = [superinitWithFrame:frame];

   if (self) {

        // Initialization code

        [self_initViews];

    }

    return self;

}


- (void)awakeFromNib {

    [superawakeFromNib];

    [self_initViews];

}


- (void)_initViews {

    

   self.backgroundColor =RGB(242, 243, 240);

    

    self.refreshHeader =YES;

   self.isMore =YES;

   self.delegate =self;

    self.dataSource =self;

    

    _moreButton = [UIButtonbuttonWithType:UIButtonTypeCustom];

   _moreButton.frame =CGRectMake(0,0, self.width,44);

    _moreButton.backgroundColor = [UIColorclearColor];

    [_moreButtonsetTitle:@""forState:UIControlStateNormal];

    _moreButton.titleLabel.font = [UIFontsystemFontOfSize:12.0f];

    [_moreButtonsetTitleColor:[UIColorlightGrayColor] forState:UIControlStateNormal];

    [_moreButtonaddTarget:selfaction:@selector(loadMoreAction)forControlEvents:UIControlEventTouchUpInside];

    

    UIActivityIndicatorView *activityView = [[UIActivityIndicatorViewalloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];

    activityView.frame =CGRectMake(90,10, 20, 20);

    [activityViewstopAnimating];

    activityView.tag =2013;

    [_moreButtonaddSubview:activityView];

    

    self.tableFooterView =_moreButton;

}


-(void)launchRefreshing

{

    if (_reloading) {

       _reloading = NO;

        

        [UIViewanimateWithDuration:0.4animations:^{

            [selfsetContentOffset:CGPointMake(0, -80)];

        }completion:^(BOOL finished) {

           if (finished) {

               //设置停止拖拽

                [_refreshHeaderViewperformSelector:@selector(egoRefreshScrollViewDidEndDragging:)withObject:selfafterDelay:0.2];

            }

        }];

    }else{

        //下拉之前还原_refreshHeaderView的state

        [_refreshHeaderViewsetState:EGOOPullRefreshNormal];

        

        [UIViewanimateWithDuration:0.4animations:^{

            [selfsetContentOffset:CGPointMake(0, -80)];

        }completion:^(BOOL finished) {

           if (finished) {

                [_refreshHeaderViewsetState:EGOOPullRefreshPulling];

               //设置停止拖拽

                [_refreshHeaderViewperformSelector:@selector(egoRefreshScrollViewDidEndDragging:)withObject:selfafterDelay:0.2];

            }

        }];

    }

}


- (void)setRefreshHeader:(BOOL)refreshHeader {

   _refreshHeader = refreshHeader;

    

    if (self.refreshHeader) {

        if (_refreshHeaderView ==nil) {

           //创建下拉控件

            _refreshHeaderView = [[EGORefreshTableHeaderViewalloc] initWithFrame:CGRectMake(0.0f,0.0f - self.bounds.size.height,self.frame.size.width,self.bounds.size.height)];

            _refreshHeaderView.delegate =self;

            _refreshHeaderView.backgroundColor = [UIColorclearColor];

            [_refreshHeaderViewrefreshLastUpdatedDate];

        }

        

        [selfaddSubview:_refreshHeaderView];

    }else {

       if (_refreshHeaderView.superview !=nil) {

            [_refreshHeaderViewremoveFromSuperview];

        }

    }

}


//上拉按钮的点击事件

- (void)loadMoreAction {

    

   if (self.pullUpBlock !=nil) {

       self.pullUpBlock();

    }

    

    //调用代理对象的协议方法

   if ([self.refreshDelegaterespondsToSelector:@selector(pullUp:)]) {

        [self.refreshDelegatepullUp:self];

    }

    

    [_moreButtonsetTitle:@"正在加载..."forState:UIControlStateNormal];

    UIActivityIndicatorView *activityView = (UIActivityIndicatorView *)[_moreButtonviewWithTag:2013];

    [activityViewstartAnimating];

}


- (void)setIsMore:(BOOL)isMore {

   _isMore = isMore;

   if (self.isMore) {

        [_moreButtonsetTitle:@"加载更多数据"forState:UIControlStateNormal];

       _moreButton.enabled =YES;

    }else {

        [_moreButtonsetTitle:@"没有更多数据"forState:UIControlStateNormal];

       _moreButton.enabled =NO;

    }

    

    UIActivityIndicatorView *activityView = (UIActivityIndicatorView *)[_moreButtonviewWithTag:2013];

    [activityViewstopAnimating];

}


- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

{

    [tableView deselectRowAtIndexPath:indexPathanimated:YES];

}


-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

    return self.data.count;

}


-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    UITableViewCell *cell = [tableViewdequeueReusableCellWithIdentifier:CELL_ID];

   if (!cell) {

        cell = [[UITableViewCellalloc] initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:CELL_ID];

    }

   return cell;

}


/*________________________下拉控件相关方法________________________________*/

#pragma mark -

#pragma mark Data Source Loading / Reloading Methods


- (void)reloadTableViewDataSource{

    _reloading = YES;

    

}


//收起下拉刷新

- (void)doneLoadingTableViewData{

    _reloading = NO;

    [_refreshHeaderViewegoRefreshScrollViewDataSourceDidFinishedLoading:self];

}



#pragma mark -

#pragma mark UIScrollViewDelegate Methods


- (void)scrollViewDidScroll:(UIScrollView *)scrollView{

    

    [_refreshHeaderViewegoRefreshScrollViewDidScroll:scrollView];

    

}


- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{

    

    [_refreshHeaderViewegoRefreshScrollViewDidEndDragging:scrollView];

    

    //偏移量.y + tableView.height =内容的高度

    //h是上拉超出来的尺寸

   float h = scrollView.contentOffset.y + scrollView.height - scrollView.contentSize.height;

   if (h > 30 &&self.isMore) {

        [selfloadMoreAction];

    }

}



#pragma mark -

#pragma mark EGORefreshTableHeaderDelegate Methods

//下拉到一定距离，手指放开时调用

- (void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView*)view{

    

    [selfreloadTableViewDataSource];

    

    //停止加载，弹回下拉

    // [self performSelector:@selector(doneLoadingTableViewData)

    //               withObject:nil afterDelay:3.0];

   if (self.finishBlock !=nil) {

       self.finishBlock();

    }

    

   if ([self.refreshDelegaterespondsToSelector:@selector(pullDown:)]) {

        [self.refreshDelegatepullDown:self];

    }

}


- (BOOL)egoRefreshTableHeaderDataSourceIsLoading:(EGORefreshTableHeaderView*)view{

    

    return_reloading;// should return if data source model is reloading

}


//取得下拉刷新的时间

- (NSDate *)egoRefreshTableHeaderDataSourceLastUpdated:(EGORefreshTableHeaderView*)view{

    

    return [NSDatedate]; // should return date data source was last changed

    

}



@end

 浅谈下拉刷新和上拉加载更多原理：

下文出自：  http://blog.csdn.net/hmt20130412/article/details/32695305

 很多App中,新闻或者展示类都存在下拉刷新和上拉加载的效果,网上提供了实现这种效果的第三方类(详情请见MJRefresh和  EGOTableViewPullRefresh ),用起来很方便,但是闲暇之余,我们可以思考下,这种效果实现的原理是什么,我以前说过,只要是动画都是骗人的,只要不是硬件问题大部分效果都能在系统UI的基础上做出来. 

            @下面是关键代码分析:

// 下拉刷新的原理
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView
{if (scrollView.contentOffset.y < - 100) {
  
  [UIView animateWithDuration:1.0 animations:^{
      
      //  frame发生偏移,距离顶部150的距离(可自行设定)
      self.tableView.contentInset = UIEdgeInsetsMake(150.0f, 0.0f, 0.0f, 0.0f);
  } completion:^(BOOL finished) {
      
      /**
       *  发起网络请求,请求刷新数据
       */  }];}
}// 上拉加载的原理
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{NSLog(@"%f",scrollView.contentOffset.y);NSLog(@"%f",scrollView.frame.size.height);NSLog(@"%f",scrollView.contentSize.height);/***  关键-->*  scrollView一开始并不存在偏移量,但是会设定contentSize的大小,所以contentSize.height永远都会比contentOffset.y高一个手机屏幕的*  高度;上拉加载的效果就是每次滑动到底部时,再往上拉的时候请求更多,那个时候产生的偏移量,就能让contentOffset.y + 手机屏幕尺寸高大于这*  个滚动视图的contentSize.height*/if (scrollView.contentOffset.y + scrollView.frame.size.height >= scrollView.contentSize.height) {
  
  NSLog(@"%d %s",__LINE__,__FUNCTION__);
  [UIView commitAnimations];
  
  [UIView animateWithDuration:1.0 animations:^{
      //  frame发生的偏移量,距离底部往上提高60(可自行设定)
      self.tableView.contentInset = UIEdgeInsetsMake(0, 0, 60, 0);
  } completion:^(BOOL finished) {
      
      /**
       *  发起网络请求,请求加载更多数据
       *  然后在数据请求回来的时候,将contentInset改为(0,0,0,0)
       */
  }];}
}

这篇关于iOS UITableView下拉刷新上拉加载更多EGOTableViewPullRefresh类库使用初级剑侠篇（欢迎提建议和分享遇到的问题）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1088524。

相关文章

Android kotlin中 Channel 和 Flow 的区别和选择使用场景分析

Android kotlin中 Channel 和 Flow 的区别和选择使用场景分析

《Androidkotlin中Channel和Flow的区别和选择使用场景分析》Kotlin协程中,Flow是冷数据流,按需触发,适合响应式数据处理；Channel是热数据流,持续发送,支持... 目录一、基本概念界定FlowChannel二、核心特性对比数据生产触发条件生产与消费的关系背压处理机制生命周期
阅读更多...
java使用protobuf-maven-plugin的插件编译proto文件详解

java使用protobuf-maven-plugin的插件编译proto文件详解

《java使用protobuf-maven-plugin的插件编译proto文件详解》：本文主要介绍java使用protobuf-maven-plugin的插件编译proto文件,具有很好的参考价... 目录protobuf文件作为数据传输和存储的协议主要介绍在Java使用maven编译proto文件的插件
阅读更多...
Android ClassLoader加载机制详解

Android ClassLoader加载机制详解

《AndroidClassLoader加载机制详解》Android的ClassLoader负责加载.dex文件,基于双亲委派模型,支持热修复和插件化,需注意类冲突、内存泄漏和兼容性问题,本文给大家介... 目录一、ClassLoader概述1.1 类加载的基本概念1.2 android与Java Class
阅读更多...
SpringBoot线程池配置使用示例详解

SpringBoot线程池配置使用示例详解

《SpringBoot线程池配置使用示例详解》SpringBoot集成@Async注解,支持线程池参数配置（核心数、队列容量、拒绝策略等）及生命周期管理,结合监控与任务装饰器,提升异步处理效率与系统... 目录一、核心特性二、添加依赖三、参数详解四、配置线程池五、应用实践代码说明拒绝策略（Rejected
阅读更多...
C++ Log4cpp跨平台日志库的使用小结

C++ Log4cpp跨平台日志库的使用小结

《C++Log4cpp跨平台日志库的使用小结》Log4cpp是c++类库,本文详细介绍了C++日志库log4cpp的使用方法,及设置日志输出格式和优先级,具有一定的参考价值,感兴趣的可以了解一下... 目录一、介绍1. log4cpp的日志方式2.设置日志输出的格式3. 设置日志的输出优先级二、Window
阅读更多...
Ubuntu如何分配​​未使用的空间

Ubuntu如何分配​​未使用的空间

《Ubuntu如何分配​​未使用的空间》Ubuntu磁盘空间不足,实际未分配空间8.2G因LVM卷组名称格式差异（双破折号误写）导致无法扩展,确认正确卷组名后,使用lvextend和resize2fs... 目录1：原因2：操作3：报错5：解决问题：确认卷组名称​6：再次操作7：验证扩展是否成功8：问题已解
阅读更多...
Qt使用QSqlDatabase连接MySQL实现增删改查功能

Qt使用QSqlDatabase连接MySQL实现增删改查功能

《Qt使用QSqlDatabase连接MySQL实现增删改查功能》这篇文章主要为大家详细介绍了Qt如何使用QSqlDatabase连接MySQL实现增删改查功能,文中的示例代码讲解详细,感兴趣的小伙伴... 目录一、创建数据表二、连接mysql数据库三、封装成一个完整的轻量级 ORM 风格类3.1 表结构
阅读更多...
使用Docker构建Python Flask程序的详细教程

使用Docker构建Python Flask程序的详细教程

《使用Docker构建PythonFlask程序的详细教程》在当今的软件开发领域,容器化技术正变得越来越流行,而Docker无疑是其中的佼佼者,本文我们就来聊聊如何使用Docker构建一个简单的Py... 目录引言一、准备工作二、创建 Flask 应用程序三、创建 dockerfile四、构建 Docker
阅读更多...
Python使用vllm处理多模态数据的预处理技巧

Python使用vllm处理多模态数据的预处理技巧

《Python使用vllm处理多模态数据的预处理技巧》本文深入探讨了在Python环境下使用vLLM处理多模态数据的预处理技巧,我们将从基础概念出发,详细讲解文本、图像、音频等多模态数据的预处理方法,... 目录1. 背景介绍1.1 目的和范围1.2 预期读者1.3 文档结构概述1.4 术语表1.4.1 核
阅读更多...
Python使用pip工具实现包自动更新的多种方法

Python使用pip工具实现包自动更新的多种方法

《Python使用pip工具实现包自动更新的多种方法》本文深入探讨了使用Python的pip工具实现包自动更新的各种方法和技术,我们将从基础概念开始,逐步介绍手动更新方法、自动化脚本编写、结合CI/C... 目录1. 背景介绍1.1 目的和范围1.2 预期读者1.3 文档结构概述1.4 术语表1.4.1 核
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2