最近想自己写个下拉刷新的库,但是始终感觉无从下手,想想总是容易的。原理也很简单,真正要下手写的时候,呵呵。不得不说ios封装得很好,网上可以用的成熟的库也很多,也正是因为如此很多开发者也忽略了很多底层的东西,真正要去说清楚这些库的原理也说不清楚。以至于这两天说想自己写个下拉,蛋疼。。听很多从c++转到其他开发诸如c#或者ios或者java的朋友都说其实这些代码写起来都没有c++或者c写起来爽,不过开发的速度的确是c++没法比的。呵呵答。
今天研究了下mjrefresh,认真看了一下午,各处打断点,总算是清楚了它的流程。以下细细道来。
1、mjrefreshbaseview:
这个类是下拉视图的基类,包含三个对象,提示文字,下拉指示箭头和刷新旋转的视图。当正在拖拽时显示箭头,拖拽达到一定位置箭头转向,并且提示文字更改,松开后旋转动画开启,箭头图片隐藏。这个类的拓展类是mjrefreshfooterview和mjrefreshheaderview,分别表示scrollview的上拉刷新尾和下拉刷新头。
mjrefreshheaderview来说,mjfreshreshheaderview设置键值监听,监听拖拽过程中contentoffset这个值,通过判断不同拖拽状态下scrollview的值(代码中主要判断了contentoffset和scrollvieworiginalinset两个值)来判断拖拽的状态是正在拖拽,还是拖拽即将完成或者拖拽结束的,并且设置这个时候的状态state(mjrefreshbaseview成员变量,纪录此时uiscrollview拖拽状态)。看代码:
- (void)adjustStateWithContentOffset { // 当前的contentOffset CGFloat currentOffsetY = self.scrollView.contentOffsetY; // 头部控件刚好出现的offsetY CGFloat happenOffsetY = - self.scrollViewOriginalInset.top; // 如果是向上滚动到看不见头部控件,直接返回 if (currentOffsetY >= happenOffsetY) return; if (self.scrollView.isDragging) { // 普通 和 即将刷新 的临界点 CGFloat normal2pullingOffsetY = happenOffsetY - self.height; if (self.state == MJRefreshStateNormal && currentOffsetY < normal2pullingOffsetY) { // 转为即将刷新状态 self.state = MJRefreshStatePulling; } else if (self.state == MJRefreshStatePulling && currentOffsetY >= normal2pullingOffsetY) { // 转为普通状态 self.state = MJRefreshStateNormal; } } else if (self.state == MJRefreshStatePulling) {// 即将刷新 && 手松开 // 开始刷新 self.state = MJRefreshStateRefreshing; } }
self.state代表这个contentoffset上一个值的uiscorllview状态,根据uiscrollview的值判断状态后并设置self.state,并修改刷新视图的提示文字,并修改箭头的指向。
- (void)setState:(MJRefreshState)state { // 1.一样的就直接返回 if (self.state == state) return; // 2.保存旧状态 MJRefreshState oldState = self.state; // 3.调用父类方法 [super setState:state]; // 4.根据状态执行不同的操作 switch (state) { case MJRefreshStateNormal: // 下拉可以刷新 { // 设置文字 self.statusLabel.text = MJRefreshHeaderPullToRefresh; // 刷新完毕 if (MJRefreshStateRefreshing == oldState) { self.arrowImage.transform = CGAffineTransformIdentity; // 保存刷新时间 self.lastUpdateTime = [NSDate date]; [UIView animateWithDuration:MJRefreshSlowAnimationDuration animations:^{ self.scrollView.contentInsetTop = self.scrollViewOriginalInset.top; }]; } else { // 执行动画 [UIView animateWithDuration:MJRefreshFastAnimationDuration animations:^{ self.arrowImage.transform = CGAffineTransformIdentity; }]; } break; } case MJRefreshStatePulling: // 松开可立即刷新 { // 设置文字 self.statusLabel.text = MJRefreshHeaderReleaseToRefresh; // 执行动画 [UIView animateWithDuration:MJRefreshFastAnimationDuration animations:^{ self.arrowImage.transform = CGAffineTransformMakeRotation(M_PI); }]; break; } case MJRefreshStateRefreshing: // 正在刷新中 { // 设置文字 self.statusLabel.text = MJRefreshHeaderRefreshing; // 执行动画 [UIView animateWithDuration:MJRefreshFastAnimationDuration animations:^{ // 1.增加滚动区域 CGFloat top = self.scrollViewOriginalInset.top + self.height; self.scrollView.contentInsetTop = top; // 2.设置滚动位置 self.scrollView.contentOffsetY = - top; }]; break; } default: break; } }
当然,这里面包含了contentinsettop和contentinset的各种值的含义,可以谷歌下。
2、mjfreshheader ,mjrefreshfooter分别表示下拉头和上拉尾,原理都一样,这里就拿mjrefreshheader解释。mjrefresh里面有两种添加刷新头的方式,一种是指定对象和对象函数,另一种是设置block,其实两者都一样,楼主比较习惯使用第二种,设置block。在使用
addHeaderWithCallback这个函数后,mj将这个block纪录在mj的headerblock这个成员变量里,在状态为“正在刷新”时,调用这个block。即代码:
case MJRefreshStateRefreshing: { // 开始转圈圈 [self.activityView startAnimating]; // 隐藏箭头 self.arrowImage.hidden = YES; // 回调 if ([self.beginRefreshingTaget respondsToSelector:self.beginRefreshingAction]) { objc_msgSend(self.beginRefreshingTaget, self.beginRefreshingAction, self); } if (self.beginRefreshingCallback) { self.beginRefreshingCallback(); } break; }
这在父类的setstate里面操作。
mj大致原理就是这样,通过监听contentoffset并比较contentoffset的新值和旧值来判断scorllview的状态:下拉刷新,正在刷新,松开刷新等,并修改指示箭头,提示文字,在状态为正在刷新时执行相应的操作,大致就是这么个过程,作为个学习笔记,有哪些不正确的,望大家指正。