5.3.2 开源Android-PullToRefresh下拉刷新源码分析

 

开源Android-PullToRefresh下拉刷新源码分析

标签: Android布局下拉刷新pullToRefresh源码
  2448人阅读  评论(1)  收藏  举报
  分类:
 
Android 技术研究(39) 

  PullToRefresh 这个库用的是非常至多,github  今天主要分析一下源码实现.

我们通过ListView的下拉刷新进行分析,其它的类似。

整个下拉刷新  父View是LinearLayout, 在LinearLayout添加了Header View ,Footer View,和ListView

PullToRefreshBase 是父类 扩展了 LinearLayout水平布局   如果我们使用ListView 需要观看子类  PullToRefreshAdapterViewBase -> PullToRefreshListView  

5.3.2 开源Android-PullToRefresh下拉刷新源码分析_第1张图片

 初始化代码在PullToRefreshBase init方法中

重点代码:

[java]  view plain  copy
 
  1. // Refreshable View  
  2. // By passing the attrs, we can add ListView/GridView params via XML  
  3. mRefreshableView = createRefreshableView(context, attrs);//通过子类传入的View,ListView或者ScrollView等  
  4. addRefreshableView(context, mRefreshableView);//添加view到布局中  
  5.   
  6. // We need to create now layouts now  创建Header和Footer视图,默认是INVISIBLE,要添加到父窗口  
  7. mHeaderLayout = createLoadingLayout(context, Mode.PULL_FROM_START, a);  
  8. mFooterLayout = createLoadingLayout(context, Mode.PULL_FROM_END, a);  
  9.   
  10.   
  11. handleStyledAttributes(a);//添加loadingView效果,这里是把View添加到ListView HeaderView里面去  
  12. updateUIForMode(); //把布局添加到父View中  

[java]  view plain  copy
 
  1. protected void updateUIForMode() {  
  2.     final LinearLayout.LayoutParams lp = getLoadingLayoutLayoutParams();  
  3.     // Remove Header, and then add Header Loading View again if needed  
  4.     if (this == mHeaderLayout.getParent()) {  
  5.         removeView(mHeaderLayout);  
  6.     }  
  7.     if (mMode.showHeaderLoadingLayout()) {  
  8.         addViewInternal(mHeaderLayout, 0, lp);//加入View到LinearLayout  
  9.     }  
  10.   
  11.     // Remove Footer, and then add Footer Loading View again if needed  
  12.     if (this == mFooterLayout.getParent()) {  
  13.         removeView(mFooterLayout);  
  14.     }  
  15.     if (mMode.showFooterLoadingLayout()) {  
  16.         addViewInternal(mFooterLayout, lp);//加入View到LinearLayout  
  17.     }  
  18.   
  19.     // Hide Loading Views  
  20.     refreshLoadingViewsSize();//把headerView隐藏起来,其实用的是padding的方式 设置为负值 就到屏幕顶部的外面了   
  21.   
  22.     // If we're not using Mode.BOTH, set mCurrentMode to mMode, otherwise  
  23.     // set it to pull down  
  24.     mCurrentMode = (mMode != Mode.BOTH) ? mMode : Mode.PULL_FROM_START;  
  25. }  

//这里有2个LoadingView,一个是加入到LinearLayout中去了,还有一个是加入到ListView本身的Header里面

看看handleStyledAttributes方法 定位到子类复写的地方

FrameLayout frame = new FrameLayout(getContext());
mHeaderLoadingView = createLoadingLayout(getContext(), Mode.PULL_FROM_START, a);
mHeaderLoadingView.setVisibility(View.GONE);
frame.addView(mHeaderLoadingView, lp);
mRefreshableView.addHeaderView(frame, null, false);//添加LoadingView到ListView Header上

        //headerView一共有2个LoadingView,一个是被加入到LinearLayout一个是被加入到ListView的HeaderView
addViewInternal方法就是加入到LinearLayout父类中 


看看LoadingLayout 有2种  FlipLoadingLayout 和  RotateLoadingLayout 一般我们用旋转的加载动画
左边一个旋转图片,右边是文字和时间提示
    
第一个LoadingLayout主要显示 :下拉刷新,放开以刷新
第二个LoadingLayout显示松手后的文字:正在载入...

结构是这样

5.3.2 开源Android-PullToRefresh下拉刷新源码分析_第2张图片


当UI初始化好,下面看看onTouch 下拉捕获事件


[java]  view plain  copy
 
  1. public final boolean onTouchEvent(MotionEvent event) {  
  2.     if (!isPullToRefreshEnabled()) {  
  3.         return false;  
  4.     }  
  5.     // If we're refreshing, and the flag is set. Eat the event  
  6.     if (!mScrollingWhileRefreshingEnabled && isRefreshing()) {  
  7.         return true;  
  8.     }  
  9.     if (event.getAction() == MotionEvent.ACTION_DOWN && event.getEdgeFlags() != 0) {  
  10.         return false;  
  11.     }  
  12.     switch (event.getAction()) {  
  13.         case MotionEvent.ACTION_MOVE: {  
  14.             if (mIsBeingDragged) {  
  15.                 mLastMotionY = event.getY();  
  16.                 mLastMotionX = event.getX();  
  17.                 pullEvent();//开始下拉,移动   
  18.                 return true;  
  19.             }  
  20.             break;  
  21.         }  
  22.   
  23.         case MotionEvent.ACTION_DOWN: {  
  24.             if (isReadyForPull()) {//按下 开始下拉  
  25.                 mLastMotionY = mInitialMotionY = event.getY();  
  26.                 mLastMotionX = mInitialMotionX = event.getX();  
  27.                 return true;  
  28.             }  
  29.             break;  
  30.         }  
  31.   
  32.         case MotionEvent.ACTION_CANCEL:  
  33.         case MotionEvent.ACTION_UP: { //停止下拉的时候  
  34.             if (mIsBeingDragged) {  
  35.                 mIsBeingDragged = false;  
  36.                 if (mState == State.RELEASE_TO_REFRESH  
  37.                         && (null != mOnRefreshListener || null != mOnRefreshListener2)) {  
  38.                     setState(State.REFRESHING, true);//放下手指开始回调,执行我们的回调任务  
  39.                     return true;  
  40.                 }  
  41.   
  42.                 // If we're already refreshing, just scroll back to the top  
  43.                 if (isRefreshing()) {  
  44.                     smoothScrollTo(0);  
  45.                     return true;  
  46.                 }  
  47.   
  48.                 // If we haven't returned by here, then we're not in a state  
  49.                 // to pull, so just reset  
  50.                 setState(State.RESET); //恢复到原来的UI状态  
  51.   
  52.                 return true;  
  53.             }  
  54.             break;  
  55.         }  
  56.     }  
  57.   
  58.     return false;  
  59. }  


[java]  view plain  copy
 
  1. 看看pullEvent方法  
  2.     private void pullEvent() {  
  3.         final int newScrollValue;  
  4.         final int itemDimension;  
  5.         final float initialMotionValue, lastMotionValue;  
  6.   
  7.         switch (getPullToRefreshScrollDirection()) {  
  8.             case HORIZONTAL:  
  9.                 initialMotionValue = mInitialMotionX;  
  10.                 lastMotionValue = mLastMotionX;  
  11.                 break;  
  12.             case VERTICAL:  
  13.             default:  
  14.                 initialMotionValue = mInitialMotionY;  
  15.                 lastMotionValue = mLastMotionY;  
  16.                 break;  
  17.         }  
  18.         //计算下拉移动了多少  
  19.         switch (mCurrentMode) {  
  20.             case PULL_FROM_END://上拉  
  21.                 newScrollValue = Math.round(Math.max(initialMotionValue - lastMotionValue, 0) / FRICTION);  
  22.                 itemDimension = getFooterSize();  
  23.                 break;  
  24.             case PULL_FROM_START://下拉  
  25.             default:  
  26.                 newScrollValue = Math.round(Math.min(initialMotionValue - lastMotionValue, 0) / FRICTION);  
  27.                 itemDimension = getHeaderSize();  
  28.                 break;  
  29.         }  
  30.   
  31.         //显示HeaderView 得到移动的值,可以让LoadingView显示出来  
  32.         setHeaderScroll(newScrollValue);  
  33.   
  34.         if (newScrollValue != 0 && !isRefreshing()) {  
  35.             float scale = Math.abs(newScrollValue) / (float) itemDimension;  
  36.             switch (mCurrentMode) {  
  37.                 case PULL_FROM_END:  
  38.                     mFooterLayout.onPull(scale);  
  39.                     break;  
  40.                 case PULL_FROM_START:  
  41.                 default:  
  42.                  mHeaderLayout.onPull(scale);//旋转左边的加载图片,显示文字和图片 这个地方最终会执行LoadingLayout中的 onPullImpl方法  
  43.                     break;  
  44.             }  
  45.             //更新状态 包括2中 释放按下触摸,还有就是 没释放手的触摸  
  46.             if (mState != State.PULL_TO_REFRESH && itemDimension >= Math.abs(newScrollValue)) {  
  47.                 setState(State.PULL_TO_REFRESH);  
  48.             } else if (mState == State.PULL_TO_REFRESH && itemDimension < Math.abs(newScrollValue)) {  
  49.                 setState(State.RELEASE_TO_REFRESH);//下拉松手 可以松手了  
  50.             }  
  51.         }  
  52.     }  



[java]  view plain  copy
 
  1. 再看看setHeaderScroll方法代码  
  2.     protected final void setHeaderScroll(int value) {  
  3.         if (DEBUG) {  
  4.             Log.d(LOG_TAG, "setHeaderScroll: " + value);  
  5.         }  
  6.           
  7.         if (DEBUG) {  
  8.             Log.d(LOG_TAG, "setHeaderScroll:" + value );  
  9.         }  
  10.   
  11.         // Clamp value to with pull scroll range  
  12.         final int maximumPullScroll = getMaximumPullScroll();  
  13.         value = Math.min(maximumPullScroll, Math.max(-maximumPullScroll, value));  
  14.   
  15.         if (mLayoutVisibilityChangesEnabled) {  
  16.             if (value < 0) { //有位移才显示  
  17.                 mHeaderLayout.setVisibility(View.VISIBLE);  
  18.             } else if (value > 0) {  <span style="font-family: Arial, Helvetica, sans-serif;">//有位移才显示</span>  
  19.                 mFooterLayout.setVisibility(View.VISIBLE);  
  20.             } else {   
  21.                 mHeaderLayout.setVisibility(View.INVISIBLE);  
  22.                 mFooterLayout.setVisibility(View.INVISIBLE);  
  23.             }  
  24.         }  
  25.   
  26.         if (USE_HW_LAYERS) {  
  27.             /** 
  28.              * Use a Hardware Layer on the Refreshable View if we've scrolled at 
  29.              * all. We don't use them on the Header/Footer Views as they change 
  30.              * often, which would negate any HW layer performance boost. 
  31.              */  
  32.             ViewCompat.setLayerType(mRefreshableViewWrapper, value != 0 ? View.LAYER_TYPE_HARDWARE  
  33.                     : View.LAYER_TYPE_NONE);  
  34.         }  
  35.   
  36.         //回到最原始的scrollTo 最常用的 移动布局  
  37.         switch (getPullToRefreshScrollDirection()) {  
  38.             case VERTICAL:  
  39.                 scrollTo(0, value);  
  40.                 break;  
  41.             case HORIZONTAL:  
  42.                 scrollTo(value, 0);  
  43.                 break;  
  44.         }  
  45.     }  

setState(State.REFRESHING, true);//拉倒最顶部 松手,会执行onRefreshing方法,回调我们实现的任务接口 也就是OnRefreshListener


[java]  view plain  copy
 
  1. protected void onRefreshing(final boolean doScroll) {  
  2.         if (mMode.showHeaderLoadingLayout()) {  
  3.             mHeaderLayout.refreshing();  
  4.         }  
  5.         if (mMode.showFooterLoadingLayout()) {  
  6.             mFooterLayout.refreshing();  
  7.         }  
  8.   
  9.         if (doScroll) {  
  10.             if (mShowViewWhileRefreshing) {  
  11.   
  12.                 // Call Refresh Listener when the Scroll has finished  
  13.                 OnSmoothScrollFinishedListener listener = new OnSmoothScrollFinishedListener() {  
  14.                     @Override  
  15.                     public void onSmoothScrollFinished() {  
  16.                         callRefreshListener();//回调接口执行  
  17.                     }  
  18.                 };  
  19.   
  20.                 switch (mCurrentMode) {  
  21.                     case MANUAL_REFRESH_ONLY:  
  22.                     case PULL_FROM_END:  
  23.                         smoothScrollTo(getFooterSize(), listener);  
  24.                         break;  
  25.                     default:  
  26.                     case PULL_FROM_START:  
  27.                         smoothScrollTo(-getHeaderSize(), listener);  
  28.                         break;  
  29.                 }  
  30.             } else {  
  31.                 smoothScrollTo(0);//回到原来的位置  
  32.             }  
  33.         } else {  
  34.             // We're not scrolling, so just call Refresh Listener now  
  35.             callRefreshListener();//回调接口执行  
  36.         }  
  37.     }  



[java]  view plain  copy
 
  1. private void callRefreshListener() {  
  2.     if (null != mOnRefreshListener) {  
  3.         mOnRefreshListener.onRefresh(this);//回调  
  4.     } else if (null != mOnRefreshListener2) { //这个是上拉,下拉都可以的情况,使用 onRefreshListener2  
  5.         if (mCurrentMode == Mode.PULL_FROM_START) {  
  6.             mOnRefreshListener2.onPullDownToRefresh(this);  
  7.         } else if (mCurrentMode == Mode.PULL_FROM_END) {  
  8.             mOnRefreshListener2.onPullUpToRefresh(this);  
  9.         }  
  10.     }  
  11. }  

总结:状态包括下拉刷新,松手刷新,正在刷新,Loading隐藏。移动UI还是用的scrollTo最基本的代码. 动画部分可以看LoadingLayout的2个子类

主要的就这些,还有很多细节没有分析。若有问题请指出谢谢。


你可能感兴趣的:(源码,android,布局,下拉刷新,pulltorefresh)