iOS开发-ios7下拉刷新,上提加载快速集成

简介: <div id="article_details" class="details" style="margin:20px; color:rgb(51,51,51); font-family:Arial,Console,Verdana,'Courier New'"> <div id="article_content" class="article_content" style="margi

在ios7之前,一直在使用开源的EGO库。但是,在使用过程中发现,普遍封装得过于复杂、耦合性强,不利于集成到自己的项目中。

另外,在ios7之后,一些原有的下拉刷新,上提加载控件表现的就不是那么出色了。除了可能出错外,也不符合扁平化的风格。

后来,在code4App上发现了一个大牛上传了一个开源代码, 仅需几行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。

下载下来自己试了下,发现不错。  mark下。

下载链接:http://code4app.com/ios/快速集成下拉上拉刷新/52326ce26803fabc46000000


下面纪录下自己的集成过程,当然,作者所给的demo里面已经很详细的给出了。 这里只不过是纪录下自己的实现过程而已。


1.将MJRefresh文件夹整个导入所需的工程中。

2.文件夹中的MJRefresh.bundle--->arrow@2x.png 图片可自行替换,这个会在刷新过程中显示。

3.可以在MJRefreshConst.h和MJRefreshConst.m文件中自定义显示的文字内容和文字颜色。

4.只要你的view能够滚动,就能集成这个控件,比如UIScrollView、UITableView、UICollectionView

5.在需要使用的地方,加入如下代码即可。

5.1  导入头文件

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. #import "MJRefresh.h"  
[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. #import "MJRefresh.h"  

5.2  遵从协议

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. @interface ViewController ()<MJRefreshBaseViewDelegate>  
[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. @interface ViewController ()<MJRefreshBaseViewDelegate>  

5.3  为你的view添加控件

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. MJRefreshFooterView *footer = [MJRefreshFooterView footer];  
  2.     footer.scrollView = myTableView;  
  3.     footer.delegate = self;  
  4.       
  5.     MJRefreshHeaderView *header = [MJRefreshHeaderView header];  
  6.     header.scrollView = myTableView;  
  7.     header.delegate = self;  
[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. MJRefreshFooterView *footer = [MJRefreshFooterView footer];  
  2.     footer.scrollView = myTableView;  
  3.     footer.delegate = self;  
  4.       
  5.     MJRefreshHeaderView *header = [MJRefreshHeaderView header];  
  6.     header.scrollView = myTableView;  
  7.     header.delegate = self;  

5.4实现代理方法

[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. #pragma mark - 刷新控件的代理方法  
  2. #pragma mark 开始进入刷新状态  
  3. - (void)refreshViewBeginRefreshing:(MJRefreshBaseView *)refreshView  
  4. {  
  5.     NSLog(@"%@----开始进入刷新状态", refreshView.class);  
  6.     // 2.2秒后刷新表格UI  
  7.     [self performSelector:@selector(doneWithView:) withObject:refreshView afterDelay:2.0];  
  8.   
  9. }  
  10.   
  11. #pragma mark 刷新完毕  
  12. - (void)refreshViewEndRefreshing:(MJRefreshBaseView *)refreshView  
  13. {  
  14.     NSLog(@"%@----刷新完毕", refreshView.class);  
  15. }  
  16.   
  17. #pragma mark 监听刷新状态的改变  
  18. - (void)refreshView:(MJRefreshBaseView *)refreshView stateChange:(MJRefreshState)state  
  19. {  
  20.     switch (state) {  
  21.         case MJRefreshStateNormal:  
  22.             NSLog(@"%@----切换到:普通状态", refreshView.class);  
  23.             break;  
  24.               
  25.         case MJRefreshStatePulling:  
  26.             NSLog(@"%@----切换到:松开即可刷新的状态", refreshView.class);  
  27.             break;  
  28.               
  29.         case MJRefreshStateRefreshing:  
  30.             NSLog(@"%@----切换到:正在刷新状态", refreshView.class);  
  31.             break;  
  32.         default:  
  33.             break;  
  34.     }  
  35. }  
  36.   
  37. #pragma mark 刷新表格并且结束正在刷新状态  
  38. - (void)doneWithView:(MJRefreshBaseView *)refreshView  
  39. {  
  40.     // 刷新表格  
  41.     [myTableView reloadData];  
  42.       
  43.     // (最好在刷新表格后调用)调用endRefreshing可以结束刷新状态  
  44.     [refreshView endRefreshing];  
  45. }  
[cpp]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. #pragma mark - 刷新控件的代理方法  
  2. #pragma mark 开始进入刷新状态  
  3. - (void)refreshViewBeginRefreshing:(MJRefreshBaseView *)refreshView  
  4. {  
  5.     NSLog(@"%@----开始进入刷新状态", refreshView.class);  
  6.     // 2.2秒后刷新表格UI  
  7.     [self performSelector:@selector(doneWithView:) withObject:refreshView afterDelay:2.0];  
  8.   
  9. }  
  10.   
  11. #pragma mark 刷新完毕  
  12. - (void)refreshViewEndRefreshing:(MJRefreshBaseView *)refreshView  
  13. {  
  14.     NSLog(@"%@----刷新完毕", refreshView.class);  
  15. }  
  16.   
  17. #pragma mark 监听刷新状态的改变  
  18. - (void)refreshView:(MJRefreshBaseView *)refreshView stateChange:(MJRefreshState)state  
  19. {  
  20.     switch (state) {  
  21.         case MJRefreshStateNormal:  
  22.             NSLog(@"%@----切换到:普通状态", refreshView.class);  
  23.             break;  
  24.               
  25.         case MJRefreshStatePulling:  
  26.             NSLog(@"%@----切换到:松开即可刷新的状态", refreshView.class);  
  27.             break;  
  28.               
  29.         case MJRefreshStateRefreshing:  
  30.             NSLog(@"%@----切换到:正在刷新状态", refreshView.class);  
  31.             break;  
  32.         default:  
  33.             break;  
  34.     }  
  35. }  
  36.   
  37. #pragma mark 刷新表格并且结束正在刷新状态  
  38. - (void)doneWithView:(MJRefreshBaseView *)refreshView  
  39. {  
  40.     // 刷新表格  
  41.     [myTableView reloadData];  
  42.       
  43.     // (最好在刷新表格后调用)调用endRefreshing可以结束刷新状态  
  44.     [refreshView endRefreshing];  
  45. }  


6.你可以通过调用beginRefreshing自动进入下拉刷新状态。

7.你可以通过调用endRefreshing结束刷新状态。

8.为了保证内部不泄露,最好在控制器的dealloc中释放占用的内存
- (void)dealloc
{
[_header free];
[_footer free];
}


效果图:
  • iOS / iPhone / iPad 仅需几行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看下面的使用方法。<br /><br />    2014.02.08版本代码更新功能:<br /><br />    1.修复了没有数据时,上拉加载更多控件停滞不下的BUG;<br /><br />    2.修复了示例程序中控制器的内存泄露。<br /><br />    2014.01.03版本代码更新功能:<br /><br />    1.完美适配iOS6\iOS7、iPhone\iPad横竖屏<br /><br />    2.增加了刷新控件状态改变的回调机制<br /><br />    3.解决了上拉加载更多残留已久的莫名其妙BUG,增强了用户体验<br /><br />    4.删除了冗余的音频播放功能<br /><br />    5.增加了内存释放功能,解决了内存泄露的BUG<br /><br />    2013.01.03版本代码更新功能:<br /><br />    1.适配iPhone横竖屏、iPad横竖屏;<br /><br />    2.不用再调用 free 方法来释放刷新控件的资源;<br /><br />    3.演示了刷新控件的block回调;<br /><br />    4.演示了刷新控件在UICollectionView上的使用.<br /><br />    作者说:网上开源的下拉-上拉刷新控件,普遍封装得过于复杂、耦合性强。因此本人特地花了点时间写了一套无耦合、可插拔式的刷新控件,对项目中的其他代码毫无侵入性,而且使用简单,3行代码就能集成刷新控件。<br /><br />    小编注:感谢开发者@M了个J 发布代码于Code4App.com。
  • iOS / iPhone / iPad 仅需几行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看下面的使用方法。<br /><br />    2014.02.08版本代码更新功能:<br /><br />    1.修复了没有数据时,上拉加载更多控件停滞不下的BUG;<br /><br />    2.修复了示例程序中控制器的内存泄露。<br /><br />    2014.01.03版本代码更新功能:<br /><br />    1.完美适配iOS6\iOS7、iPhone\iPad横竖屏<br /><br />    2.增加了刷新控件状态改变的回调机制<br /><br />    3.解决了上拉加载更多残留已久的莫名其妙BUG,增强了用户体验<br /><br />    4.删除了冗余的音频播放功能<br /><br />    5.增加了内存释放功能,解决了内存泄露的BUG<br /><br />    2013.01.03版本代码更新功能:<br /><br />    1.适配iPhone横竖屏、iPad横竖屏;<br /><br />    2.不用再调用 free 方法来释放刷新控件的资源;<br /><br />    3.演示了刷新控件的block回调;<br /><br />    4.演示了刷新控件在UICollectionView上的使用.<br /><br />    作者说:网上开源的下拉-上拉刷新控件,普遍封装得过于复杂、耦合性强。因此本人特地花了点时间写了一套无耦合、可插拔式的刷新控件,对项目中的其他代码毫无侵入性,而且使用简单,3行代码就能集成刷新控件。<br /><br />    小编注:感谢开发者@M了个J 发布代码于Code4App.com。
  • iOS / iPhone / iPad 仅需几行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看下面的使用方法。<br /><br />    2014.02.08版本代码更新功能:<br /><br />    1.修复了没有数据时,上拉加载更多控件停滞不下的BUG;<br /><br />    2.修复了示例程序中控制器的内存泄露。<br /><br />    2014.01.03版本代码更新功能:<br /><br />    1.完美适配iOS6\iOS7、iPhone\iPad横竖屏<br /><br />    2.增加了刷新控件状态改变的回调机制<br /><br />    3.解决了上拉加载更多残留已久的莫名其妙BUG,增强了用户体验<br /><br />    4.删除了冗余的音频播放功能<br /><br />    5.增加了内存释放功能,解决了内存泄露的BUG<br /><br />    2013.01.03版本代码更新功能:<br /><br />    1.适配iPhone横竖屏、iPad横竖屏;<br /><br />    2.不用再调用 free 方法来释放刷新控件的资源;<br /><br />    3.演示了刷新控件的block回调;<br /><br />    4.演示了刷新控件在UICollectionView上的使用.<br /><br />    作者说:网上开源的下拉-上拉刷新控件,普遍封装得过于复杂、耦合性强。因此本人特地花了点时间写了一套无耦合、可插拔式的刷新控件,对项目中的其他代码毫无侵入性,而且使用简单,3行代码就能集成刷新控件。<br /><br />    小编注:感谢开发者@M了个J 发布代码于Code4App.com。
  • iOS / iPhone / iPad 仅需几行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看下面的使用方法。<br /><br />    2014.02.08版本代码更新功能:<br /><br />    1.修复了没有数据时,上拉加载更多控件停滞不下的BUG;<br /><br />    2.修复了示例程序中控制器的内存泄露。<br /><br />    2014.01.03版本代码更新功能:<br /><br />    1.完美适配iOS6\iOS7、iPhone\iPad横竖屏<br /><br />    2.增加了刷新控件状态改变的回调机制<br /><br />    3.解决了上拉加载更多残留已久的莫名其妙BUG,增强了用户体验<br /><br />    4.删除了冗余的音频播放功能<br /><br />    5.增加了内存释放功能,解决了内存泄露的BUG<br /><br />    2013.01.03版本代码更新功能:<br /><br />    1.适配iPhone横竖屏、iPad横竖屏;<br /><br />    2.不用再调用 free 方法来释放刷新控件的资源;<br /><br />    3.演示了刷新控件的block回调;<br /><br />    4.演示了刷新控件在UICollectionView上的使用.<br /><br />    作者说:网上开源的下拉-上拉刷新控件,普遍封装得过于复杂、耦合性强。因此本人特地花了点时间写了一套无耦合、可插拔式的刷新控件,对项目中的其他代码毫无侵入性,而且使用简单,3行代码就能集成刷新控件。<br /><br />    小编注:感谢开发者@M了个J 发布代码于Code4App.com。
目录
相关文章
|
6月前
|
Java 数据库连接 数据库
mybatis-spring集成&数据库连接池&开启注解式开发
mybatis-spring集成&数据库连接池&开启注解式开发
|
7月前
|
iOS开发
iOS 利用贝塞尔曲线实现Q弹的下拉刷新
iOS 利用贝塞尔曲线实现Q弹的下拉刷新
27 0
|
3月前
|
机器学习/深度学习 PyTorch TensorFlow
iOS设备功能和框架: 什么是 Core ML?如何在应用中集成机器学习模型?
iOS设备功能和框架: 什么是 Core ML?如何在应用中集成机器学习模型?
27 0
|
6月前
|
iOS开发 MacOS
iOS指定加载任意语言
iOS指定加载任意语言
46 2
|
6月前
|
人工智能 IDE Java
IntelliJ IDEA 2023.2正式发布,引入AI助手和GitLab集成,升级你的开发体验!( IDEA 2023.2彻底弃用Struts2,不支持Win7)
IntelliJ IDEA 2023.2正式发布,引入AI助手和GitLab集成,升级你的开发体验!( IDEA 2023.2彻底弃用Struts2,不支持Win7)
163 0
|
7月前
orbeon form 通过 url 的方式同第三方应用集成的开发明细
orbeon form 通过 url 的方式同第三方应用集成的开发明细
34 0
|
7月前
|
数据采集 IDE Java
|
7月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用开发教程之八十二 - 采用 OPA5 开发支持页面跳转的 SAP UI5 集成测试用例试读版
SAP UI5 应用开发教程之八十二 - 采用 OPA5 开发支持页面跳转的 SAP UI5 集成测试用例试读版
37 0
|
7月前
|
小程序 JavaScript API
支付宝小程序集成mqtt兼容IOS和安卓
支付宝小程序集成mqtt兼容IOS和安卓
135 0
|
7月前
|
存储 Java 数据库连接
提升开发效率的必备技能:Spring集成Mybatis和PageHelper详解(二)
提升开发效率的必备技能:Spring集成Mybatis和PageHelper详解(二)
114 0