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

标签：Android布局下拉刷新pullToRefresh源码 2015-04-02 14:48 2448人阅读 评论(1) 收藏 举报 分类： Android 技术研究（39）

版权声明：本文为博主原创文章，未经博主允许不得转载。

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

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

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

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

初始化代码在PullToRefreshBase init方法中

重点代码:

[java] view plain copy

1. //RefreshableView
2. //Bypassingtheattrs,wecanaddListView/GridViewparamsviaXML
3. mRefreshableView=createRefreshableView(context,attrs);//通过子类传入的View,ListView或者ScrollView等
4. addRefreshableView(context,mRefreshableView);//添加view到布局中
6. //Weneedtocreatenowlayoutsnow创建Header和Footer视图,默认是INVISIBLE，要添加到父窗口
7. mHeaderLayout=createLoadingLayout(context,Mode.PULL_FROM_START,a);
8. mFooterLayout=createLoadingLayout(context,Mode.PULL_FROM_END,a);
11. handleStyledAttributes(a);//添加loadingView效果，这里是把View添加到ListViewHeaderView里面去
12. updateUIForMode();//把布局添加到父View中

[java] view plain copy

1. protectedvoidupdateUIForMode(){
2. finalLinearLayout.LayoutParamslp=getLoadingLayoutLayoutParams();
3. //RemoveHeader,andthenaddHeaderLoadingViewagainifneeded
4. if(this==mHeaderLayout.getParent()){
5. removeView(mHeaderLayout);
6. }
7. if(mMode.showHeaderLoadingLayout()){
8. addViewInternal(mHeaderLayout,0,lp);//加入View到LinearLayout
9. }
11. //RemoveFooter,andthenaddFooterLoadingViewagainifneeded
12. if(this==mFooterLayout.getParent()){
13. removeView(mFooterLayout);
14. }
15. if(mMode.showFooterLoadingLayout()){
16. addViewInternal(mFooterLayout,lp);//加入View到LinearLayout
17. }
19. //HideLoadingViews
20. refreshLoadingViewsSize();//把headerView隐藏起来，其实用的是padding的方式设置为负值就到屏幕顶部的外面了
22. //Ifwe'renotusingMode.BOTH,setmCurrentModetomMode,otherwise
23. //setittopulldown
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显示松手后的文字：正在载入...

结构是这样

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

[java] view plain copy

1. publicfinalbooleanonTouchEvent(MotionEventevent){
2. if(!isPullToRefreshEnabled()){
3. returnfalse;
4. }
5. //Ifwe'rerefreshing,andtheflagisset.Eattheevent
6. if(!mScrollingWhileRefreshingEnabled&&isRefreshing()){
7. returntrue;
8. }
9. if(event.getAction()==MotionEvent.ACTION_DOWN&&event.getEdgeFlags()!=0){
10. returnfalse;
11. }
12. switch(event.getAction()){
13. caseMotionEvent.ACTION_MOVE:{
14. if(mIsBeingDragged){
15. mLastMotionY=event.getY();
16. mLastMotionX=event.getX();
17. pullEvent();//开始下拉，移动
18. returntrue;
19. }
20. break;
21. }
23. caseMotionEvent.ACTION_DOWN:{
24. if(isReadyForPull()){//按下开始下拉
25. mLastMotionY=mInitialMotionY=event.getY();
26. mLastMotionX=mInitialMotionX=event.getX();
27. returntrue;
28. }
29. break;
30. }
32. caseMotionEvent.ACTION_CANCEL:
33. caseMotionEvent.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. returntrue;
40. }
42. //Ifwe'realreadyrefreshing,justscrollbacktothetop
43. if(isRefreshing()){
44. smoothScrollTo(0);
45. returntrue;
46. }
48. //Ifwehaven'treturnedbyhere,thenwe'renotinastate
49. //topull,sojustreset
50. setState(State.RESET);//恢复到原来的UI状态
52. returntrue;
53. }
54. break;
55. }
56. }
58. returnfalse;
59. }

[java] view plain copy

1. 看看pullEvent方法
2. privatevoidpullEvent(){
3. finalintnewScrollValue;
4. finalintitemDimension;
5. finalfloatinitialMotionValue,lastMotionValue;
7. switch(getPullToRefreshScrollDirection()){
8. caseHORIZONTAL:
9. initialMotionValue=mInitialMotionX;
10. lastMotionValue=mLastMotionX;
11. break;
12. caseVERTICAL:
13. default:
14. initialMotionValue=mInitialMotionY;
15. lastMotionValue=mLastMotionY;
16. break;
17. }
18. //计算下拉移动了多少
19. switch(mCurrentMode){
20. casePULL_FROM_END://上拉
21. newScrollValue=Math.round(Math.max(initialMotionValue-lastMotionValue,0)/FRICTION);
22. itemDimension=getFooterSize();
23. break;
24. casePULL_FROM_START://下拉
25. default:
26. newScrollValue=Math.round(Math.min(initialMotionValue-lastMotionValue,0)/FRICTION);
27. itemDimension=getHeaderSize();
28. break;
29. }
31. //显示HeaderView得到移动的值，可以让LoadingView显示出来
32. setHeaderScroll(newScrollValue);
34. if(newScrollValue!=0&&!isRefreshing()){
35. floatscale=Math.abs(newScrollValue)/(float)itemDimension;
36. switch(mCurrentMode){
37. casePULL_FROM_END:
38. mFooterLayout.onPull(scale);
39. break;
40. casePULL_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. }elseif(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. protectedfinalvoidsetHeaderScroll(intvalue){
3. if(DEBUG){
4. Log.d(LOG_TAG,"setHeaderScroll:"+value);
5. }
7. if(DEBUG){
8. Log.d(LOG_TAG,"setHeaderScroll:"+value);
9. }
11. //Clampvaluetowithpullscrollrange
12. finalintmaximumPullScroll=getMaximumPullScroll();
13. value=Math.min(maximumPullScroll,Math.max(-maximumPullScroll,value));
15. if(mLayoutVisibilityChangesEnabled){
16. if(value<0){//有位移才显示
17. mHeaderLayout.setVisibility(View.VISIBLE);
18. }elseif(value>0){<spanstyle="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. }
26. if(USE_HW_LAYERS){
27. /**
28. *UseaHardwareLayerontheRefreshableViewifwe'vescrolledat
29. *all.Wedon'tusethemontheHeader/FooterViewsastheychange
30. *often,whichwouldnegateanyHWlayerperformanceboost.
31. */
32. ViewCompat.setLayerType(mRefreshableViewWrapper,value!=0?View.LAYER_TYPE_HARDWARE
33. :View.LAYER_TYPE_NONE);
34. }
36. //回到最原始的scrollTo最常用的移动布局
37. switch(getPullToRefreshScrollDirection()){
38. caseVERTICAL:
39. scrollTo(0,value);
40. break;
41. caseHORIZONTAL:
42. scrollTo(value,0);
43. break;
44. }
45. }

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

[java] view plain copy

1. protectedvoidonRefreshing(finalbooleandoScroll){
2. if(mMode.showHeaderLoadingLayout()){
3. mHeaderLayout.refreshing();
4. }
5. if(mMode.showFooterLoadingLayout()){
6. mFooterLayout.refreshing();
7. }
9. if(doScroll){
10. if(mShowViewWhileRefreshing){
12. //CallRefreshListenerwhentheScrollhasfinished
13. OnSmoothScrollFinishedListenerlistener=newOnSmoothScrollFinishedListener(){
14. @Override
15. publicvoidonSmoothScrollFinished(){
16. callRefreshListener();//回调接口执行
17. }
18. };
20. switch(mCurrentMode){
21. caseMANUAL_REFRESH_ONLY:
22. casePULL_FROM_END:
23. smoothScrollTo(getFooterSize(),listener);
24. break;
25. default:
26. casePULL_FROM_START:
27. smoothScrollTo(-getHeaderSize(),listener);
28. break;
29. }
30. }else{
31. smoothScrollTo(0);//回到原来的位置
32. }
33. }else{
34. //We'renotscrolling,sojustcallRefreshListenernow
35. callRefreshListener();//回调接口执行
36. }
37. }

[java] view plain copy

1. privatevoidcallRefreshListener(){
2. if(null!=mOnRefreshListener){
3. mOnRefreshListener.onRefresh(this);//回调
4. }elseif(null!=mOnRefreshListener2){//这个是上拉，下拉都可以的情况，使用onRefreshListener2
5. if(mCurrentMode==Mode.PULL_FROM_START){
6. mOnRefreshListener2.onPullDownToRefresh(this);
7. }elseif(mCurrentMode==Mode.PULL_FROM_END){
8. mOnRefreshListener2.onPullUpToRefresh(this);
9. }
10. }
11. }

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

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

更多相关文章

1. Android5.1 SystemUI 启动流程
2. SwipeRefreshLayout和ListView的EmptyView共存冲突的问题
3. android 事件分发，解决由于listview中实时刷新，导致子view点击事件
4. Android(安卓)studio多个项目之间怎么实现快速切换?
5. android webview js交互之自定义错误加载界面（重新刷新）
6. [置顶] Android(安卓)popwindow和fragment结合 左侧弹出下拉菜单
7. android下拉五级菜单联动
8. Android(安卓)UI之实现Material化的下拉选择列表拒绝丑陋的Spinn
9. android禁止状态栏下拉

随机推荐

1. 0322作业
2. c语言指针学习
3. 盒模型box-sizing功能及相对定位、绝对定
4. CSS中flex布局的属性及应用
5. 0319表格和表单
6. Mysql
7. mysql
8. 0319作业
9. SMTP 协议入门教程
10. 一些Java开发人员在编程中常见的雷！