快速集成上拉下拉刷新
Posted zhangyangsk8
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了快速集成上拉下拉刷新相关的知识,希望对你有一定的参考价值。
在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- #import "MJRefresh.h"
5.2 遵从协议
[cpp] view plain copy
- @interface ViewController ()<MJRefreshBaseViewDelegate>
5.3 为你的view添加控件
[cpp] view plain copy
- MJRefreshFooterView *footer = [MJRefreshFooterView footer];
- footer.scrollView = myTableView;
- footer.delegate = self;
- MJRefreshHeaderView *header = [MJRefreshHeaderView header];
- header.scrollView = myTableView;
- header.delegate = self;
5.4实现代理方法
[cpp] view plain copy
- #pragma mark - 刷新控件的代理方法
- #pragma mark 开始进入刷新状态
- - (void)refreshViewBeginRefreshing:(MJRefreshBaseView *)refreshView
- NSLog(@"%@----开始进入刷新状态", refreshView.class);
- // 2.2秒后刷新表格UI
- [self performSelector:@selector(doneWithView:) withObject:refreshView afterDelay:2.0];
- #pragma mark 刷新完毕
- - (void)refreshViewEndRefreshing:(MJRefreshBaseView *)refreshView
- NSLog(@"%@----刷新完毕", refreshView.class);
- #pragma mark 监听刷新状态的改变
- - (void)refreshView:(MJRefreshBaseView *)refreshView stateChange:(MJRefreshState)state
- switch (state)
- case MJRefreshStateNormal:
- NSLog(@"%@----切换到:普通状态", refreshView.class);
- break;
- case MJRefreshStatePulling:
- NSLog(@"%@----切换到:松开即可刷新的状态", refreshView.class);
- break;
- case MJRefreshStateRefreshing:
- NSLog(@"%@----切换到:正在刷新状态", refreshView.class);
- break;
- default:
- break;
- #pragma mark 刷新表格并且结束正在刷新状态
- - (void)doneWithView:(MJRefreshBaseView *)refreshView
- // 刷新表格
- [myTableView reloadData];
- // (最好在刷新表格后调用)调用endRefreshing可以结束刷新状态
- [refreshView endRefreshing];
6.你可以通过调用beginRefreshing自动进入下拉刷新状态。
7.你可以通过调用endRefreshing结束刷新状态。
8.为了保证内部不泄露,最好在控制器的dealloc中释放占用的内存
- (void)dealloc
[_header free];
[_footer free];
效果图:
2
以上是关于快速集成上拉下拉刷新的主要内容,如果未能解决你的问题,请参考以下文章
iscroll.js实现上拉刷新,下拉加载更多,应用技巧项目实战
vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件