原来Android ListView下拉刷新真的很简单

最新推荐文章于 2024-05-11 22:17:38 发布

小喽啰A

最新推荐文章于 2024-05-11 22:17:38 发布

阅读量1.5k

点赞数

分类专栏： Android开发文章标签： android android listview 下拉刷新

本文链接：https://blog.csdn.net/fcx520/article/details/17009799

版权

Android开发专栏收录该内容

7 篇文章 0 订阅

订阅专栏

千里执行，始于足下。做了这个下拉刷新，这是我自己的想告诫自己的。说白了，自己最近真的太懒了。实在是太懒了。。。。。。没等做完就发现这其实是个很简单的东西，偏偏以前觉得好高端，好大气，好上档次。。。哎。

一、思路：

通过重写ListView，在ListView创建对象的时候添加一个headerView(通过addHeaderView方法)，然后将headerView隐藏在最上面，监听屏幕的滚动，当最上面显示的是第一条数据的时候，再滑动屏幕，就出现headerView；拉到一定距离，松开手就可以刷新数据了。太简单了。哎。最后不要忘了对外暴露一些接口，让用户来控制这个下拉刷新控件的动作。

二、开始前的准备：

一个headerView的布局，说起这个headerView真是把我坑苦了。我开始写的时候跟节点是用的FrameLayout,然后在使用setPadding隐藏headerView的时候死活不起作用，我以为自己错了，把代码删了，重新写，我以为eclipse出问题了，eclipse重启了N遍，我还以为电脑跪了，电脑重启了两遍。最后在同事电脑上写了个简单的，各种通过。然后各种求救，各种咨询。。各种无助。折腾俩小时后才想到是不是布局的问题。

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

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:id="@+id/loading"
            android:layout_width="wrap_content"
            android:layout_height="55dp"
            android:layout_gravity="center_horizontal"
            android:gravity="center_vertical"
            android:visibility="invisible" >

            <ProgressBar
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_marginRight="5dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="数据加载中..."
                android:textColor="@android:color/black" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/refresh"
            android:layout_width="wrap_content"
            android:layout_height="55dp"
            android:layout_gravity="center_horizontal"
            android:gravity="center_vertical"
            android:visibility="visible" >

            <ImageView
                android:id="@+id/refresh_indicator"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/pull_arrow_down" />

            <TextView
                android:id="@+id/refresh_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:text="下拉可以刷新"
                android:textColor="@android:color/black" />
        </LinearLayout>
    </FrameLayout>

</LinearLayout>

首先要做的是把这个headerView添加到ListView的headerView位置，然后测量这个headerView(测量的数据将来会用到)，然后通过setPadding方法将headerView隐藏。

想想下拉刷新时的那几种状态，不刷新或者刷新完成的时候、下拉的时候、正在加载数据的时候。下拉的时候还有两种，下拉刷新和松开刷新。如何控制呢？如何知道何时是何状态呢？

要想控制状态，首先状态标记肯定要有。我在写的时候定义个一个int类型的state用于状态标记。通过识别用户在手机屏幕上滑动的距离来确定状态

再然后，给外不提供一些接口，当刷新状态的时候，要让用户来执行加载数据的代码，还要提供一个停止刷新状态的接口，最好在来个开启关闭可以下拉刷新功能的接口。

再然后，这写代码写完了，就搞定了。这个Demo测试没有问题就OK了。

注释写的很详细，需要看的时候，看注释肯定能明白。没错，就这么简单。顺便鄙视以前不敢写一直抄这个功能的自己。

对了，不要忘了把onReflesh里的代码写到子线程里。

package com.example.pullrefreashview;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;

public class PullRefreshView extends ListView implements OnScrollListener {

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

	public PullRefreshView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init(context);
	}

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

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {

	}

	/* header测量后的高度 */
	private int headerMesuredHeight;

	/* 头View */
	private View header;
	/* loading 和 下拉时的View */
	private LinearLayout loading, refresh;
	/* 下拉时的箭头 */
	private ImageView refresh_indicator;
	/* 下拉时的文字提示 */
	private TextView refresh_text;

	/* 当前状态 */
	private byte state;
	/* 完成状态 */
	private final byte STATE_DONE = 0;
	/* 下拉可以刷新 */
	private final byte STATE_PULL_TO_FRESH = 1;
	/* 松开即可刷新 */
	private final byte STATE_RELEASE_TO_FRESH = 2;
	/* 正在加载 */
	private final byte STATE_LOADING = 3;

	private void init(Context context) {

		/* 实例化控件 */
		header = inflate(context, R.layout.header, null);
		loading = (LinearLayout) header.findViewById(R.id.loading);
		refresh = (LinearLayout) header.findViewById(R.id.refresh);
		refresh_indicator = (ImageView) header
				.findViewById(R.id.refresh_indicator);
		refresh_text = (TextView) header.findViewById(R.id.refresh_text);

		/* 测量 */
		mesureView(header);

		/* header测量后的高度 */
		headerMesuredHeight = header.getMeasuredHeight();

		/* 添加头View */
		addHeaderView(header);

		/* 设置滚动监听 */
		setOnScrollListener(this);

		/* 初始状态 */
		state = STATE_DONE;
		onHeaderViewStateChanged();
	}

	/* 是否可以下拉 */
	private boolean canPull;

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		/* 当显示的第一个条目为第0条并且状态不是loding时，才可以 */
		if (state != STATE_LOADING) {
			canPull = (firstVisibleItem == 0 && isOpenReflesh);
		}
	}

	/* 按下时的Y坐标 */
	private float startY;
	/* 手指滑动的Y轴的距离，根据距离判定状态 */
	private float distanceY;

	@Override
	public boolean onTouchEvent(MotionEvent ev) {

		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			/* 如果设置了不是用下拉刷新，当然也不可以拉了 */
			startY = ev.getY();
			break;

		case MotionEvent.ACTION_MOVE:

			if (canPull) {
				distanceY = ev.getY() - startY;

				if (distanceY > headerMesuredHeight) {
					state = STATE_RELEASE_TO_FRESH;
					onHeaderViewStateChanged();
				} else if (distanceY > 0) {
					state = STATE_PULL_TO_FRESH;
					onHeaderViewStateChanged();
				}

			}
			break;

		case MotionEvent.ACTION_UP:

			if (distanceY >= headerMesuredHeight) {
				state = STATE_LOADING;
				onHeaderViewStateChanged();
				canPull = false;
			} else {
				state = STATE_DONE;
				onHeaderViewStateChanged();
			}

			break;

		default:
			break;
		}

		return super.onTouchEvent(ev);
	}

	/* 当state变化的时候掉用的方法 */
	private void onHeaderViewStateChanged() {
		switch (state) {
		case STATE_DONE:
			header.setPadding(0, -headerMesuredHeight, 0, 0);
			loading.setVisibility(View.INVISIBLE);
			refresh.setVisibility(View.VISIBLE);
			invalidate();
			break;

		case STATE_PULL_TO_FRESH:
			header.setPadding(0, -headerMesuredHeight + (int) distanceY, 0, 0);
			loading.setVisibility(View.INVISIBLE);
			refresh.setVisibility(View.VISIBLE);
			refresh_text.setText("下拉可以刷新");
			refresh_indicator.setImageResource(R.drawable.pull_arrow_down);
			invalidate();
			break;

		case STATE_RELEASE_TO_FRESH:
			header.setPadding(0, -headerMesuredHeight + (int) distanceY, 0, 0);
			loading.setVisibility(View.INVISIBLE);
			refresh.setVisibility(View.VISIBLE);
			refresh_text.setText("松开即可刷新");
			refresh_indicator.setImageResource(R.drawable.pull_arrow_up);
			break;

		case STATE_LOADING:
			header.setPadding(0, 0, 0, 0);
			loading.setVisibility(View.VISIBLE);
			refresh.setVisibility(View.INVISIBLE);
			invalidate();
			if (onRefleshListener != null) {
				onRefleshListener.onReflesh();
			}
			break;

		default:
			break;
		}
	}

	/* 测量View */
	private void mesureView(View child) {
		ViewGroup.LayoutParams lp = child.getLayoutParams();
		if (lp == null) {
			lp = new ViewGroup.LayoutParams(
					ViewGroup.LayoutParams.MATCH_PARENT,
					ViewGroup.LayoutParams.WRAP_CONTENT);
		}
		int childMeasureWidth = ViewGroup.getChildMeasureSpec(0, 0, lp.width);
		int childMeasureHeight;
		if (lp.height > 0) {
			childMeasureHeight = MeasureSpec.makeMeasureSpec(lp.height,
					MeasureSpec.EXACTLY);
		} else {
			childMeasureHeight = MeasureSpec.makeMeasureSpec(0,
					MeasureSpec.UNSPECIFIED);
		}
		child.measure(childMeasureWidth, childMeasureHeight);
	}

	/* 刷新监听接口 */
	public static interface OnRefleshListener {
		public void onReflesh();
	}

	private OnRefleshListener onRefleshListener;

	/* 设置刷新监听的接口 */
	public void setOnRefleshListener(OnRefleshListener listener) {
		this.onRefleshListener = listener;
	}

	private boolean isOpenReflesh = true;

	/* 设置开启关闭下拉刷新功能的接口 */
	public void setPullToReflesh(boolean open) {
		isOpenReflesh = open;
	}

	/* 刷新完成后调用的接口 */
	public void onRefleshCompleted() {
		state = STATE_DONE;
		onHeaderViewStateChanged();
	}
}

下班，走人。

小喽啰A

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
原来Android ListView下拉刷新真的很简单

千里执行，始于足下。做了这个下拉刷新，这是我自己的想告诫自己的。说白了，自己最近真的太懒了。实在是太懒了。。。。。。没等做完就发现这其实是个很简单的东西，偏偏以前觉得好高端，好大气，好上档次。。。哎。一、思路：通过重写ListView，在ListView创建对象的时候添加一个headerView(通过addHeaderView方法)，然后将headerView隐藏在最上面，监
复制链接

扫一扫