我今天给大家写一个简单的上下拉刷新的基本思路
1:要实现上下拉刷新,必须要有一个可滚动的View 所以是UIScrollView UITableView UICollectionView 或者继承它们的,其实UITableView和UICollectionView 都是继承UIScrollView
2:要弄一个刷新控件其实就用一个UIView ,在UIView 上面添加文字,图片,等等其他控件 然后将UIView添加到tableView上,这里注意要设置UIView的Y值,让UIView的Y值为—H(高)
3:监听滚动事件,刚才前面说到了继承UIScrollView 所以有个方法监听它的滚动
在这个方法里面判断scrollView.contentOffset.y的偏移量
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
//如果向下滑动刚好是149那么就让它回到之前正在刷新的状态
if (scrollView.contentInset.top == 149) return;
//如果向下滑动149的时候,文字改变为松开立即刷新
if (scrollView.contentOffset.y <= - 149.0) {
self.label.text = @"松开立即刷新";
} else {//向下滑动滑动了但是没有超过149设置文字为:下拉可以刷新
self.label.text = @"下拉可以刷新";
}
}
4:有个滚动结束,就是拖拽结束时候的方法
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
// 进入下拉刷新状态
if (scrollView.contentOffset.y <= - 149.0) {
self.label.text = @"正在刷新";
//添加一个动画,让它不会回弹进入导航栏
[UIView animateWithDuration:0.5 animations:^{
UIEdgeInsets inset = scrollView.contentInset;
inset.top = 149;
scrollView.contentInset = inset;
}];
//让它停留2秒在导航栏底部显示那个正在刷新
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[UIView animateWithDuration:0.5 animations:^{
UIEdgeInsets inset = scrollView.contentInset;
inset.top = 99;
scrollView.contentInset = inset;
}];
});
}
简单用这种思路就可以实现上下拉刷新了 我这里就提供基本的思路,还要麻烦大家自己写了啊。
我主要想给大家介绍李明杰的MJRefresh的使用,虽然在github上有Dome 但是很多初学者还是不会用。所以我给大家介绍一下基本的使用,而且也是非常简单,非常好用的。
我这里就不给大家介绍使用MJRefresh的那些基本的使用吧,因为基本的常见的在github搜索MJRefresh基本都看得懂,教大家使用继承自MJRefresh自定义的
第一步:导入MJRefresh这个库后,继承MJRefreshNormalHeader
第二步:在.m文件中重写prepare方法
/**
* 初始化
*/
- (void)prepare
{
[super prepare];
self.automaticallyChangeAlpha = YES;
//给下拉的文字设置颜色 其实也可以设置其他属性
self.lastUpdatedTimeLabel.textColor = [UIColor orangeColor];
//给状态文字设置颜色
self.stateLabel.textColor = [UIColor orangeColor];
//设置各种状态下的文字
[self setTitle:@"赶紧下拉吧" forState:MJRefreshStateIdle];
[self setTitle:@"赶紧松开吧" forState:MJRefreshStatePulling];
[self setTitle:@"正在加载数据..." forState:MJRefreshStateRefreshing];
//将时间隐藏
// self.lastUpdatedTimeLabel.hidden = YES;
//将状态文字隐藏
// self.stateLabel.hidden = YES;
}
/**
* 摆放子控件 其实这个placeSubviews和layoutSubviews一样的
*/
- (void)placeSubviews
{
[super placeSubviews];
//可以在这里调整那些文字的文字,或者添加了其他控件,也可以在这里调整
}
第三步:在需要刷新界面导入头文件,然后就开始使用
//这里框架里面提供了一个mj_header属性
//调用去加载新数据(发送请求)的方法
self.tableView.mj_header = [CustomRefreshHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewTopics)];
//开始刷新
[self.tableView.mj_header beginRefreshing];
最后在请求网络数据结束后需要结束刷新
// 让[刷新控件]结束刷新
[self.tableView.mj_header endRefreshing];
其他的也是类似,可以参照github的使用方法,很简单。本篇文章没写好,下次有时间修改修改
备注:
如果有不足或者错误的地方还望各位读者批评指正,可以评论留言,笔者收到后第一时间回复。
QQ/微信:2366889552 /lan2018yingwei。
简书号:凡尘一笑:[简书]
http://www.jianshu.com/users/0158007b8d17/latest_articles
感谢各位观众老爷的阅读,如果觉得笔者写的还凑合,可以关注或收藏一下,不定期分享一些好玩的实用的demo给大家。
文/凡尘一笑(简书作者)
原文链接: http://www.jianshu.com/p/8ae080edb3ea
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
网友评论