您的位置:首页 > 移动开发 > IOS开发

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];

}

效果图:







内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: