上下拉刷新
我今天给大家写一个简单的上下拉刷新的基本思路
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的使用方法,很简单。本篇文章没写好,下次有时间修改修改