iOS开发-ios7下拉刷新,上提加载快速集成
2016-05-19 10:25
381 查看
在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 plaincopy
#import "MJRefresh.h"
[cpp]
view plain
copy
#import "MJRefresh.h"
5.2 遵从协议
[cpp]
view plaincopy
@interface ViewController ()<MJRefreshBaseViewDelegate>
[cpp]
view plain
copy
@interface ViewController ()<MJRefreshBaseViewDelegate>
5.3 为你的view添加控件
[cpp]
view plaincopy
MJRefreshFooterView *footer = [MJRefreshFooterView footer];
footer.scrollView = myTableView;
footer.delegate = self;
MJRefreshHeaderView *header = [MJRefreshHeaderView header];
header.scrollView = myTableView;
header.delegate = self;
[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 plaincopy
#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];
}
[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];
}
效果图:
另外,在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 plaincopy
#import "MJRefresh.h"
[cpp]
view plain
copy
#import "MJRefresh.h"
5.2 遵从协议
[cpp]
view plaincopy
@interface ViewController ()<MJRefreshBaseViewDelegate>
[cpp]
view plain
copy
@interface ViewController ()<MJRefreshBaseViewDelegate>
5.3 为你的view添加控件
[cpp]
view plaincopy
MJRefreshFooterView *footer = [MJRefreshFooterView footer];
footer.scrollView = myTableView;
footer.delegate = self;
MJRefreshHeaderView *header = [MJRefreshHeaderView header];
header.scrollView = myTableView;
header.delegate = self;
[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 plaincopy
#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];
}
[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];
}
效果图:
相关文章推荐
- iOS学习之——NSRunLoop
- iOS组件化思路-大神博客研读和思考
- iOS学习之——#import与@class的区别
- iOS 开发- 键盘类型
- iOS学习之—— NSDateComponents
- iOS 学习之—— NSDateFormatter
- iOS CocoaPods1.0.0的一些基础知识
- iOS获取设备方向(锁屏状态下通用)
- iOS9的新特性以及适配方案
- 《Motion Design for iOS》(十九)
- iOS 开发,工程中混合使用 ARC 和非ARC
- iOS js调webview的alert 为什么弹出来点击不了
- iOS——NSThread
- iOS开发小技巧--实现将图片保存到本地相册
- iOS 文件夹不作备份处理
- iOS基于MVC的项目重构总结
- 8行代码教你搞定iOS导航控制器全屏滑动返回效果
- iOS跳转麦克风
- iOS学习之—— NSUserDefaults
- iOS学习之——NSSet、NSMutableSet