Android 自定义下拉刷新上拉加载更多Listview

好久没写了。。先说一下这边隐藏头部布局的原理：

//将padding设置为header的高度的负值来隐藏它
footerView.setPadding(0, -footerViewH, 0, 0);

先是预备工作：上拉加载更多底部布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal">
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:indeterminate="true"
android:layout_centerInParent="true"
android:indeterminateDrawable="@drawable/indeterminate_drawable"
android:indeterminateDuration="500"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:textSize="30dp"
android:layout_marginLeft="15dp"
android:text="正在加载更多..."/>
</LinearLayout>

下拉刷新头部布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="horizontal">

<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp">

<ImageView
android:id="@+id/iv_arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@drawable/indicator_arrow" />
<ProgressBar
android:id="@+id/pb_ratate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="invisible"
android:indeterminate="true"
android:layout_centerInParent="true"
android:indeterminateDrawable="@drawable/indeterminate_drawable"
android:indeterminateDuration="500"
/>
</RelativeLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:orientation="vertical"
android:layout_gravity="center"
android:gravity="center">
<TextView
android:id="@+id/tv_state"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20dp"
android:textColor="#aa000000"
android:text="下拉刷新"
/>
<TextView
android:id="@+id/tv_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18dp"
android:textColor="#99666666"
android:text="最后刷新：2015-12-03"
/>
</LinearLayout>
</LinearLayout>

然后就是自定义RefreshListview！

注释很详细，大家慢慢看一下：

public class RefreshListView extends ListView implements AbsListView.OnScrollListener {
private View headView;
private ImageView iv_arrow;//箭头图标
private ProgressBar pb_ratate;//刷新中图标
private TextView tv_state;//刷新状态文本
private TextView tv_time;//最新刷新时间
private View footerView;

private int headViewH;
private int footerViewH;
//触摸点Y的坐标
private int downY;

private final int PULL_REFRESH = 0;//下拉刷新的状态
private final int RELEASE_REFRESH = 1;//松开刷新的状态
private final int REFRESHING = 2;//正在刷新状态
private int currentState = PULL_REFRESH;//当前状态，默认为下拉刷新状态
private boolean isLoadingMore = false;//是否加载更多

private RotateAnimation upAnimation;
private RotateAnimation downAnimation;

public RefreshListView(Context context) {
super(context);
init();
}

public RefreshListView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}

private void init() {
setOnScrollListener(this);
initHeaderView();
initRotateAnimation();
initFooterView();
}

/**
* 初始化headerview
*/
private void initHeaderView() {

headView = View.inflate(getContext(), R.layout.layout_header, null);
iv_arrow = (ImageView) headView.findViewById(R.id.iv_arrow);
pb_ratate = (ProgressBar) headView.findViewById(R.id.pb_ratate);
tv_state = (TextView) headView.findViewById(R.id.tv_state);
tv_time = (TextView) headView.findViewById(R.id.tv_time);
//通知系统主动去测量
headView.measure(0, 0);
//getMeasuredHeight()获取测量后的高度

headViewH = headView.getMeasuredHeight();
//将padding设置为header的高度的负值来隐藏它
headView.setPadding(0, -headViewH, 0, 0);
addHeaderView(headView);
}

private void initRotateAnimation() {
upAnimation = new RotateAnimation(0, -180,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
upAnimation.setDuration(300);
upAnimation.setFillAfter(true);
downAnimation = new RotateAnimation(-180, -360,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
downAnimation.setDuration(300);
downAnimation.setFillAfter(true);
}

/**
* 初始化FooterView
*/
private void initFooterView() {
footerView = View.inflate(getContext(), R.layout.layout_footer, null);
//通知系统主动去测量
footerView.measure(0, 0);
//getMeasuredHeight()获取测量后的高度
footerViewH = footerView.getMeasuredHeight();
//将padding设置为header的高度的负值来隐藏它
footerView.setPadding(0, -footerViewH, 0, 0);
addFooterView(footerView);
}

@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
downY = (int) ev.getY();
break;
case MotionEvent.ACTION_MOVE:
if (currentState == REFRESHING) {
break;
}
int delaY = (int) (ev.getY() - downY);
//距离顶部的大小
int paddingTop = -headViewH + delaY;
//只有当paddingTop> -headViewH,且第一项为首项时才进行拦截
if (paddingTop > -headViewH && getFirstVisiblePosition() == 0) {
headView.setPadding(0, paddingTop, 0, 0);
if (paddingTop >= 0 && currentState == PULL_REFRESH) {
//从下拉刷新进去松开刷新状态
currentState = RELEASE_REFRESH;
refreshHeadView();
} else if (paddingTop < 0 && currentState == RELEASE_REFRESH) {
//进去下拉刷新状态
currentState = PULL_REFRESH;
refreshHeadView();
}
return true;//拦截TOUCH_MOVE，不让listview处理move事件
}
break;
case MotionEvent.ACTION_UP:
if (currentState == PULL_REFRESH) {
headView.setPadding(0, -headViewH, 0, 0);
} else if (currentState == RELEASE_REFRESH) {
headView.setPadding(0, 0, 0, 0);
currentState = REFRESHING;
refreshHeadView();
if (onRefreshListener != null) {
onRefreshListener.onPullRefresh();
}
}
break;
}
return super.onTouchEvent(ev);
}

/**
* 根据currentState改变headview
*/
private void refreshHeadView() {
switch (currentState) {
case PULL_REFRESH:
tv_state.setText("下拉刷新");
iv_arrow.startAnimation(downAnimation);
break;
case RELEASE_REFRESH:
tv_state.setText("松开刷新");
iv_arrow.startAnimation(upAnimation);
break;
case REFRESHING:
tv_state.setText("正在拼命加载中...");
iv_arrow.clearAnimation();//因为向上旋转的动画有可能还未完成
iv_arrow.setVisibility(View.INVISIBLE);
pb_ratate.setVisibility(VISIBLE);
break;
}
}

/**
* 完成刷新，重置状态,在获取完数据并更新完adapter之后，在UI线程中调用
*/
public void completeRefresh() {
if (isLoadingMore){
footerView.setPadding(0,0,0,-footerViewH);
isLoadingMore=false;
}else {
headView.setPadding(0, -headViewH, 0, 0);
currentState = PULL_REFRESH;
pb_ratate.setVisibility(INVISIBLE);
iv_arrow.setVisibility(VISIBLE);
tv_state.setText("下拉刷新");
tv_time.setText("最后刷新" + getCurrentTime());
}

}

/**
* 获取当前系统时间，并格式化
*
* @return
*/
private String getCurrentTime() {
SimpleDateFormat format = new SimpleDateFormat("yy-MM-dd HH:mm:ss");
return format.format(new Date());
}

/**
* 提供监听接口，监听加载数据
*/
private OnRefreshListener onRefreshListener;

public void setOnRefreshListener(OnRefreshListener onRefreshListener) {
this.onRefreshListener = onRefreshListener;
}

public interface OnRefreshListener {
void onPullRefresh();
void onLoadingMore();
}

/**
* scrollState：
* SCROLL_STATE_IDLE = 0;闲置状态，手指触摸结束
* SCROLL_STATE_TOUCH_SCROLL = 1;手指触摸滚动，就是手指按着滑动
* SCROLL_STATE_FLING = 2;惯性滑动，就是手指快速滑动
*
* @param view
* @param scrollState
*/
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
/**
* @return The number of items owned by the Adapter associated with this
*         AdapterView. (This is the number of data items, which may be
*         larger than the number of visible views.)
*/
if (scrollState == SCROLL_STATE_IDLE
&& getLastVisiblePosition() == (getCount() - 1)
&& !isLoadingMore) {
isLoadingMore=true;
footerView.setPadding(0, 0, 0, 0);
setSelection(getCount());
if (onRefreshListener!=null){
onRefreshListener.onLoadingMore();
}
}
}

@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
}
}

这样就可以在布局中使用自己的RefreshListview了：

<com.chenshi.myrefleshview.RefreshListView
android:id="@+id/refreshlistview"
android:layout_width="match_parent"
android:layout_height="match_parent" />

demo下载：demo下载链接

能看到大家的评论，我会很开心的！