Maxwin-z/XListView-Android(下拉刷新上拉加载)源码解析(一)

本次解析的内容,是github上一个用于下拉刷新上拉加载的控件xlistview,这个功能相信大家在开发的过程中会经常用到。

控件的源码地址是https://github.com/Maxwin-z/XListView-Android

在这个控件之前,我看过一些相同功能的控件,挑选后觉得XListView功能比较完善,而且易于理解。在android-open-project里面,有提到一个DropDownListView,个人使用过以后,觉得功能是具备了,但是操作体验不好,原因就是没有使用到Scroller来处理滑动问题,导致下拉和回滚时的速度都是一样的(很快) ,原则上来说,回滚时应该先快后慢,而下拉则是越拉越要用力(feeling)。

以上是我没有选中DropDownListView的原因,下面我们具体来看一下XListView。


我们知道拉刷新上拉加载这个功能,最经常就是用在ListView上,所以我们需要继承ListView,给它加上头部和尾部

                                              

对于下拉刷新上拉加载,我们分开来讨论(虽然原理是大同小异)

下拉刷新:

我们很自然想到给listview加上一个永远在第一位的头部,首先自定义一个头部,然后添加到listview就可以了,这样解决了绘制的问题。

怎么保证这个header永远在头部呢?listview为我们提供了一个方法addHeaderView()

再来考虑动画的问题,我们知道,下拉的时候箭头向下(这里有一次旋转),松手以后,箭头会改变方向(这里有个旋转动画)

我们怎么是箭头旋转呢,箭头明显是一个imageview,那么我们只要设定两个动画RotateAnimation,一个顺时针180,一个逆时针180

然后在下拉(action_mov)时调用第一个,松手后(action_up)调用第二个。

再来考虑拉动的问题,XListView给我们的办法是,header是一个layout,里面还有一个layout包裹着所有布局(称为Container),我们通过设置这个Container为Gravity.BOTTOM,也就是让它永远在header的底部。另外我们记录header的高度真实height,然后将header高度设置为0,用于隐藏header。

每次拖动,计算Y方向的offset(利用action_down和action_up事件),然后记录这个offset(非常重要,接下来要根据offset处理各种情况)。因为header是加在listview里面的,所以下拉拖动的效果不必担心。

接下来考虑下拉过程的各种情况:

1,首先我们记录了offset,每次move,都有一个offset,然后根据这个offset我们可以增加header的高度,从而是header展示出来。

当offset<height(header的全部高度),也就是说header没有完全展示出来,就松手,没有必要回调更新函数(我们会有这样一个函数的)

2,当offset>height,松手以后,应该回到加载状态,如下图。这时header缩小的高度,就是offset-height。

最后在数据加载完成,才回缩至不可见。

上述过程的回缩,都是手指离开屏幕以后发生的,显然我们要使用Scroller来处理。


下拉刷新原理就讲到这里,上拉加载更多的原来是一样的,只是header改变的height,而footer改变的是margin-bottom


下面我们来看源码

先看XListViewHeader,也就是自定义的头部

头部布局

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:gravity="bottom" >  
  6.   
  7.     <RelativeLayout  
  8.         android:id="@+id/xlistview_header_content"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="60dp" >  
  11.   
  12.         <LinearLayout  
  13.             android:layout_width="wrap_content"  
  14.             android:layout_height="wrap_content"  
  15.             android:layout_centerInParent="true"  
  16.             android:gravity="center"  
  17.             android:orientation="vertical" android:id="@+id/xlistview_header_text">  
  18.   
  19.             <TextView  
  20.                 android:id="@+id/xlistview_header_hint_textview"  
  21.                 android:layout_width="wrap_content"  
  22.                 android:layout_height="wrap_content"  
  23.                 android:text="@string/xlistview_header_hint_normal" />  
  24.   
  25.             <LinearLayout  
  26.                 android:layout_width="wrap_content"  
  27.                 android:layout_height="wrap_content"  
  28.                 android:layout_marginTop="3dp" >  
  29.   
  30.                 <TextView  
  31.                     android:layout_width="wrap_content"  
  32.                     android:layout_height="wrap_content"  
  33.                     android:text="@string/xlistview_header_last_time"  
  34.                     android:textSize="12sp" />  
  35.   
  36.                 <TextView  
  37.                     android:id="@+id/xlistview_header_time"  
  38.                     android:layout_width="wrap_content"  
  39.                     android:layout_height="wrap_content"  
  40.                     android:textSize="12sp" />  
  41.             </LinearLayout>  
  42.         </LinearLayout>  
  43.   
  44.         <ImageView  
  45.             android:id="@+id/xlistview_header_arrow"  
  46.             android:layout_width="wrap_content"  
  47.             android:layout_height="wrap_content"  
  48.             android:layout_alignLeft="@id/xlistview_header_text"  
  49.             android:layout_centerVertical="true"  
  50.             android:layout_marginLeft="-35dp"  
  51.             android:src="@drawable/xlistview_arrow" />  
  52.   
  53.         <ProgressBar  
  54.             android:id="@+id/xlistview_header_progressbar"  
  55.             android:layout_width="30dp"  
  56.             android:layout_height="30dp"  
  57.             android:layout_alignLeft="@id/xlistview_header_text"  
  58.             android:layout_centerVertical="true"  
  59.             android:layout_marginLeft="-40dp"  
  60.             android:visibility="invisible" />  
  61.     </RelativeLayout>  
  62.   
  63. </LinearLayout>  

头部java类

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public class XListViewHeader extends LinearLayout {  
  2.     /** 
  3.      * 下拉布局主体 
  4.      */  
  5.     private LinearLayout mContainer;  
  6.     /** 
  7.      * 下拉箭头 
  8.      */  
  9.     private ImageView mArrowImageView;  
  10.     /** 
  11.      * 环形进度条 
  12.      */  
  13.     private ProgressBar mProgressBar;  
  14.     /** 
  15.      * 提示文本 
  16.      */  
  17.     private TextView mHintTextView;  
  18.     private int mState = STATE_NORMAL;  
  19.       
  20.     private Animation mRotateUpAnim;  
  21.     private Animation mRotateDownAnim;  
  22.     /** 
  23.      * 动画时间 
  24.      */  
  25.     private final int ROTATE_ANIM_DURATION = 180;  
  26.       
  27.     public final static int STATE_NORMAL = 0;//普通状态  
  28.     public final static int STATE_READY = 1;//下拉准备刷新  
  29.     public final static int STATE_REFRESHING = 2;//正在加载  
  30.   
  31.     public XListViewHeader(Context context) {  
  32.         super(context);  
  33.         initView(context);  
  34.     }  
  35.   
  36.     /** 
  37.      * @param context 
  38.      * @param attrs 
  39.      */  
  40.     public XListViewHeader(Context context, AttributeSet attrs) {  
  41.         super(context, attrs);  
  42.         initView(context);  
  43.     }  
  44.   
  45.     private void initView(Context context) {  
  46.         // 初始情况,设置下拉刷新view高度为0  
  47.         LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(  
  48.                 LayoutParams.FILL_PARENT, 0);  
  49.         mContainer = (LinearLayout) LayoutInflater.from(context).inflate(  
  50.                 R.layout.xlistview_header, null);  
  51.         addView(mContainer, lp);  
  52.         setGravity(Gravity.BOTTOM);  
  53.   
  54.         mArrowImageView = (ImageView)findViewById(R.id.xlistview_header_arrow);  
  55.         mHintTextView = (TextView)findViewById(R.id.xlistview_header_hint_textview);  
  56.         mProgressBar = (ProgressBar)findViewById(R.id.xlistview_header_progressbar);  
  57.         //旋转动画  
  58.         mRotateUpAnim = new RotateAnimation(0.0f, -180.0f,  
  59.                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,  
  60.                 0.5f);  
  61.         //设置动画时间  
  62.         mRotateUpAnim.setDuration(ROTATE_ANIM_DURATION);  
  63.         //动画终止时停留在最后一帧,也就是保留动画以后的状态  
  64.         mRotateUpAnim.setFillAfter(true);  
  65.         //旋转动画  
  66.         mRotateDownAnim = new RotateAnimation(-180.0f, 0.0f,  
  67.                 Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,  
  68.                 0.5f);  
  69.         mRotateDownAnim.setDuration(ROTATE_ANIM_DURATION);  
  70.         mRotateDownAnim.setFillAfter(true);  
  71.     }  
  72.   
  73.     public void setState(int state) {  
  74.         if (state == mState) return ;  
  75.           
  76.         if (state == STATE_REFRESHING) {// 显示进度  
  77.             mArrowImageView.clearAnimation();  
  78.             mArrowImageView.setVisibility(View.INVISIBLE);  
  79.             mProgressBar.setVisibility(View.VISIBLE);  
  80.         } else {// 显示箭头图片  
  81.             mArrowImageView.setVisibility(View.VISIBLE);  
  82.             mProgressBar.setVisibility(View.INVISIBLE);  
  83.         }  
  84.           
  85.         switch(state){  
  86.         case STATE_NORMAL:  
  87.             if (mState == STATE_READY) {  
  88.                 mArrowImageView.startAnimation(mRotateDownAnim);  
  89.             }  
  90.             if (mState == STATE_REFRESHING) {  
  91.                 mArrowImageView.clearAnimation();  
  92.             }  
  93.             mHintTextView.setText(R.string.xlistview_header_hint_normal);  
  94.             break;  
  95.         case STATE_READY:  
  96.             if (mState != STATE_READY) {  
  97.                 mArrowImageView.clearAnimation();  
  98.                 mArrowImageView.startAnimation(mRotateUpAnim);  
  99.                 mHintTextView.setText(R.string.xlistview_header_hint_ready);  
  100.             }  
  101.             break;  
  102.         case STATE_REFRESHING:  
  103.             mHintTextView.setText(R.string.xlistview_header_hint_loading);  
  104.             break;  
  105.             default:  
  106.         }  
  107.           
  108.         mState = state;  
  109.     }  
  110.       
  111.     /** 
  112.      * 设置下拉头有效高度 
  113.      * @param height 
  114.      */  
  115.     public void setVisiableHeight(int height) {  
  116.         if (height < 0)  
  117.             height = 0;  
  118.         LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) mContainer  
  119.                 .getLayoutParams();  
  120.         lp.height = height;  
  121.         mContainer.setLayoutParams(lp);  
  122.     }  
  123.   
  124.     /** 
  125.      * 获得下拉头有效高度 
  126.      * @return 
  127.      */  
  128.     public int getVisiableHeight() {  
  129.         return mContainer.getLayoutParams().height;  
  130.     }  
  131.   
  132. }  
上面注释已经说得非常清楚了,我再进行一些解释。

首先是初始化函数initView()这里获得了布局中的控件,设置了箭头旋转动画,将header的高度设置为0

然后是setState()函数,根据传入的state,判断是否隐藏控件,调用哪个旋转动画等,这个函数将会被外部调用

另外还有setVisiableHeight(int height)函数,用于记录下拉的距离(其实就是传入的height),这距离在之前说得很清楚,用于判断下拉的状态,非常重要

getVisiableHeight()函数没有什么好说的。


OK,完成了header,我们来看Xlistview

首先是一些基本属性,用于大家在接下来的源码中,做参考,大家可以忽略掉,但遇到不明意思的属性时,回头再找出来看

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public class XListView extends ListView implements OnScrollListener {  
  2.   
  3.     private float mLastY = -1// save event y  
  4.     /** 
  5.      * 用于下拉后,滑动返回 
  6.      */  
  7.     private Scroller mScroller; // used for scroll back  
  8.     private OnScrollListener mScrollListener; // user's scroll listener  
  9.   
  10.     // the interface to trigger refresh and load more.  
  11.     private IXListViewListener mListViewListener;  
  12.   
  13.     /** 
  14.      * 下拉头部 
  15.      */  
  16.     private XListViewHeader mHeaderView;      
  17.     /** 
  18.      * 下拉头主体,用于计算头部的高度 
  19.      * 当不能刷新时,被隐藏 
  20.      */  
  21.     private RelativeLayout mHeaderViewContent;  
  22.     /** 
  23.      * 下拉箭头 
  24.      */  
  25.     private TextView mHeaderTimeView;  
  26.     /** 
  27.      * 下拉头部的高度 
  28.      */  
  29.     private int mHeaderViewHeight;  
  30.     /** 
  31.      * 能否下拉刷新 
  32.      */  
  33.     private boolean mEnablePullRefresh = true;  
  34.     /** 
  35.      * 是否正在刷新,false表示正在刷新 
  36.      */  
  37.     private boolean mPullRefreshing = false// is refreashing.  
  38.   
  39.     // -- footer view  
  40.     private XListViewFooter mFooterView;  
  41.     private boolean mEnablePullLoad;  
  42.     private boolean mPullLoading;  
  43.     private boolean mIsFooterReady = false;  
  44.       
  45.     // total list items, used to detect is at the bottom of listview.  
  46.     private int mTotalItemCount;  
  47.   
  48.     // for mScroller, scroll back from header or footer.  
  49.     private int mScrollBack;  
  50.     /** 
  51.      * 头部滑动返回 
  52.      */  
  53.     private final static int SCROLLBACK_HEADER = 0;  
  54.     /** 
  55.      * footer滑动返回 
  56.      */  
  57.     private final static int SCROLLBACK_FOOTER = 1;  
  58.   
  59.     private final static int SCROLL_DURATION = 400// scroll back duration  
  60.     private final static int PULL_LOAD_MORE_DELTA = 50// when pull up >= 50px  
  61.                                                         // at bottom, trigger  
  62.                                                         // load more.  
  63.     private final static float OFFSET_RADIO = 1.8f; // support iOS like pull  
  64.                                                     // feature.  

接下来是初始化

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1.        public XListView(Context context, AttributeSet attrs, int defStyle) {  
  2.     super(context, attrs, defStyle);  
  3.     initWithContext(context);  
  4. }  
  5.   
  6. private void initWithContext(Context context) {  
  7.     mScroller = new Scroller(context, new DecelerateInterpolator());  
  8.     // XListView need the scroll event, and it will dispatch the event to  
  9.     // user's listener (as a proxy).  
  10.     super.setOnScrollListener(this);  
  11.   
  12.     //初始化下拉头  
  13.     mHeaderView = new XListViewHeader(context);  
  14.     mHeaderViewContent = (RelativeLayout) mHeaderView  
  15.             .findViewById(R.id.xlistview_header_content);  
  16.     mHeaderTimeView = (TextView) mHeaderView  
  17.             .findViewById(R.id.xlistview_header_time);  
  18.     addHeaderView(mHeaderView);  
  19.   
  20.     //初始化底部  
  21.     mFooterView = new XListViewFooter(context);  
  22.   
  23.     //初始化下拉头高度  
  24.     mHeaderView.getViewTreeObserver().addOnGlobalLayoutListener(  
  25.             new OnGlobalLayoutListener() {  
  26.                 @Override  
  27.                 public void onGlobalLayout() {  
  28.                     mHeaderViewHeight = mHeaderViewContent.getHeight();//获得下拉头的高度  
  29.                     getViewTreeObserver()  
  30.                             .removeGlobalOnLayoutListener(this);  
  31.                 }  
  32.             });  
  33. }  
初始化函数做了一个非常重要的操作,就是获得了下拉头的实际高度mHeaderViewHeight,这个是我们用于判断下拉状态的另外一个重要指标

控件绘制好以后,我们来处理下拉问题

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. @Override  
  2.     public boolean onTouchEvent(MotionEvent ev) {  
  3.         if (mLastY == -1) {//获得触摸时的y坐标  
  4.             mLastY = ev.getRawY();  
  5.         }  
  6.   
  7.         switch (ev.getAction()) {  
  8.         case MotionEvent.ACTION_DOWN:  
  9.             mLastY = ev.getRawY();  
  10.             break;  
  11.         case MotionEvent.ACTION_MOVE:  
  12.             final float deltaY = ev.getRawY() - mLastY;//下拉或者上拉了多少offset  
  13.             mLastY = ev.getRawY();  
  14.             if (getFirstVisiblePosition() == 0  
  15.                     && (mHeaderView.getVisiableHeight() > 0 || deltaY > 0)) {//第一个item可见并且头部部分显示或者下拉操作,则表示处于下拉刷新状态  
  16.                 // the first item is showing, header has shown or pull down.  
  17.                 updateHeaderHeight(deltaY / OFFSET_RADIO);  
  18.                 invokeOnScrolling();  
  19.             } else if (getLastVisiblePosition() == mTotalItemCount - 1  
  20.                     && (mFooterView.getBottomMargin() > 0 || deltaY < 0)) {//最后一个item可见并且footer被上拉显示或者上拉操作,则表示处于上拉刷新状态  
  21.                 // last item, already pulled up or want to pull up.  
  22.                 updateFooterHeight(-deltaY / OFFSET_RADIO);  
  23.             }  
  24.             break;  
  25.         default://action_up  
  26.             mLastY = -1// reset  
  27.             if (getFirstVisiblePosition() == 0) {  
  28.                 // invoke refresh  
  29.                 if (mEnablePullRefresh  
  30.                         && mHeaderView.getVisiableHeight() > mHeaderViewHeight) {  
  31.                     mPullRefreshing = true;  
  32.                     mHeaderView.setState(XListViewHeader.STATE_REFRESHING);  
  33.                     if (mListViewListener != null) {  
  34.                         mListViewListener.onRefresh();  
  35.                     }  
  36.                 }  
  37.                 resetHeaderHeight();  
  38.             } else if (getLastVisiblePosition() == mTotalItemCount - 1) {  
  39.                 // invoke load more.  
  40.                 if (mEnablePullLoad  
  41.                     && mFooterView.getBottomMargin() > PULL_LOAD_MORE_DELTA  
  42.                     && !mPullLoading) {  
  43.                     startLoadMore();  
  44.                 }  
  45.                 resetFooterHeight();  
  46.             }  
  47.             break;  
  48.         }  
  49.         return super.onTouchEvent(ev);  
  50.     }  
从上面代码可以看出

action_down:获得手指触摸的坐标

action_move:这时根据移动坐标,计算出offset,我们就可以改变header的高度(当然也可能是上拉,判断条件看上面的注释)

判断是下拉刷新,首先要检查listview的第一个item是否可见(也就是header),如果可见,有两种情况,一头部部分显示,一是下拉操作

接着调用了updateHeaderHeight()用于更新header的高度,从而使header显示出来,同时记录下拉的距离

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. /** 
  2.      * 更新头部高度 
  3.      * 这个函数用于下拉时,记录下拉了多少 
  4.      * @param delta 
  5.      */  
  6.     private void updateHeaderHeight(float delta) {  
  7.         mHeaderView.setVisiableHeight((int) delta  
  8.                 + mHeaderView.getVisiableHeight());  
  9.         if (mEnablePullRefresh && !mPullRefreshing) {//未处于刷新状态,更新箭头  
  10.             if (mHeaderView.getVisiableHeight() > mHeaderViewHeight) {  
  11.                 mHeaderView.setState(XListViewHeader.STATE_READY);  
  12.             } else {  
  13.                 mHeaderView.setState(XListViewHeader.STATE_NORMAL);  
  14.             }  
  15.         }  
  16.           
  17.         //滑动到头部  
  18.         setSelection(0); // scroll to top each time  
  19.     }  
updateHeaderHeight()中有一个setSelection(0)目的是为了让下拉的时候感到困难(feeling)

高度一直更新,所以header会被越拉越大

最后我们松手

action_up:同样判断是下拉还是上拉,这样我们先只看下拉的部分

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. if (mEnablePullRefresh  
  2.                         && mHeaderView.getVisiableHeight() > mHeaderViewHeight) {  
判断是否开启了下拉,并且下拉高度大于下拉头的实际高度mHeaderViewHeight,我前面说过mHeaderViewHeight是一个重要的指标,它用于判断下拉头是否完全显示,从而判断是否需要回调操作

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. mListViewListener.onRefresh();  
最后,还调用了resetHeaderHeight()用于使header正确复位(注意,这个时候的复位,不是完全隐藏header,而是是header处于更新状态)


我们看看resetHeaderHeight()

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. /** 
  2.      * reset header view's height. 
  3.      * 重置头部高度 
  4.      */  
  5.     private void resetHeaderHeight() {  
  6.         int height = mHeaderView.getVisiableHeight();  
  7.         if (height == 0// not visible.  
  8.             return;  
  9.         // refreshing and header isn't shown fully. do nothing.  
  10.         //正在刷新,或者头部没有完全显示,返回  
  11.         if (mPullRefreshing && height <= mHeaderViewHeight) {  
  12.             return;  
  13.         }  
  14.         int finalHeight = 0// 默认最终高度,也就是说要让头部消失  
  15.         // is refreshing, just scroll back to show all the header.  
  16.         //正在刷新,并且下拉头部完全显示  
  17.         if (mPullRefreshing && height > mHeaderViewHeight) {  
  18.             finalHeight = mHeaderViewHeight;  
  19.         }  
  20.         mScrollBack = SCROLLBACK_HEADER;  
  21.         //从当前位置,返回到头部被隐藏  
  22.         mScroller.startScroll(0, height, 0, finalHeight - height,  
  23.                 SCROLL_DURATION);  
  24.         // trigger computeScroll  
  25.         invalidate();  
  26.     }  

这样有一个重要判断,就是
[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. if (mPullRefreshing && height > mHeaderViewHeight)  
用于判断是下拉后,到加载数据状态,还是加载数据完毕,到隐藏头部状态

在下拉松手后,height(下拉过程中使header增加的高度)是大于mHeaderViewHeight(header的真实高度),所以我们改变了finalHeight,这样就会使header滑动到加载状态

而在加载状态,这时height等于mHeaderViewHeight,所以finalHeight=0,我们再次调用resetHeaderHeight(),就可以使header隐藏

这里有点绕,但是很关键,希望大家仔细理解。

怎么滑动回滚呢,当然是使用Scroller

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. //从当前位置,返回到头部被隐藏  
  2.         mScroller.startScroll(0, height, 0, finalHeight - height,  
  3.                 SCROLL_DURATION);  
真正的回滚,是在computeScroll里面实现的

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. @Override  
  2.     public void computeScroll() {  
  3.         if (mScroller.computeScrollOffset()) {  
  4.             if (mScrollBack == SCROLLBACK_HEADER) {  
  5.                 mHeaderView.setVisiableHeight(mScroller.getCurrY());//改变头部高度,实现回滚  
  6.             } else {  
  7.                 mFooterView.setBottomMargin(mScroller.getCurrY());  
  8.             }  
  9.             postInvalidate();  
  10.             invokeOnScrolling();  
  11.         }  
  12.         super.computeScroll();  
  13.     }  

通过Scroller通过的位置,改变头部高度,实现回滚。

到此位置,下拉刷新就解析完毕了,但是我们没有看到第二次调用resetHeaderHeight(),使下拉头隐藏的操作啊

当然没有,因为我们要在加载完数据,才调用这个函数,也就是说调用时机是不确定的,根据具体需求的,所以控件没有办法觉得什么时候调用,这个调用权在你手上,也就是说我们加载完数据,需要主动调用

xlistview为我们提供了一个public用于主动调用,内部进行了resetHeaderHeight()操作

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. /** 
  2.      * stop refresh, reset header view. 
  3.      * 停止刷新,重置头部 
  4.      */  
  5.     public void stopRefresh() {  
  6.         if (mPullRefreshing == true) {  
  7.             mPullRefreshing = false;  
  8.             resetHeaderHeight();  
  9.         }  
  10.     }  
OK,下拉刷新相信已经说清楚,接下来我们看上拉加载更多

这还有什么困难吗?无非就是拉动的方向不一样

我还是为大家提几个重要的点,首先是保证footer永远在listview的最后一个,怎么保证呢?看下面

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. @Override  
  2.     public void setAdapter(ListAdapter adapter) {  
  3.         /* 
  4.          * 将上拉加载更多footer加入listview的底部 
  5.          * 并且保证只加入一次 
  6.          */  
  7.         if (mIsFooterReady == false) {  
  8.             mIsFooterReady = true;  
  9.             addFooterView(mFooterView);//listview原生方法  
  10.         }  
  11.         super.setAdapter(adapter);  
  12.     }  

在setAdapter里面,调用addFooterView()保证footer的位置

xlistview的上拉加载功能是默认不开启的,我们需要主动调用setPullLoadEnable()函数,完成初始化操作

注意,如果不开启上拉加载,隐藏footer的时候,要将listview自带的分割线也隐藏

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. /** 
  2.      * 设置上拉加载更多功能是否开启 
  3.      * 如果要开启,必须主动调用这个函数   
  4.      * @param enable 
  5.      */  
  6.     public void setPullLoadEnable(boolean enable) {  
  7.         mEnablePullLoad = enable;  
  8.         if (!mEnablePullLoad) {//如果不开启  
  9.             mFooterView.hide();//隐藏footer  
  10.             mFooterView.setOnClickListener(null);//取消监听  
  11.             //make sure "pull up" don't show a line in bottom when listview with one page   
  12.             //保证listview的item之间的分割线消失(最后一条)  
  13.             setFooterDividersEnabled(false);//listview原生方法  
  14.         } else {  
  15.             mPullLoading = false;  
  16.             mFooterView.show();  
  17.             mFooterView.setState(XListViewFooter.STATE_NORMAL);  
  18.             //make sure "pull up" don't show a line in bottom when listview with one page    
  19.             setFooterDividersEnabled(true);  
  20.             // both "pull up" and "click" will invoke load more.  
  21.             mFooterView.setOnClickListener(new OnClickListener() {  
  22.                 @Override  
  23.                 public void onClick(View v) {  
  24.                     startLoadMore();  
  25.                 }  
  26.             });  
  27.         }  
  28.     }  

其他部分跟header就大同小异了,改变footer的margin-bottom,就可以产生上拉的效果。

xlistview解析完毕,我将在”Maxwin-z/XListView-Android(下拉刷新上拉加载)源码解析(二)“贴出几个类的具体代码,很xlistview的简单使用

转载请注明出处http://blog.csdn.net/crazy__chen/article/details/45956179

源文件下载地址http://download.csdn.net/detail/kangaroo835127729/8736887

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值