原来Android ListView下拉刷新真的很简单
Posted 小喽啰A
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原来Android ListView下拉刷新真的很简单相关的知识，希望对你有一定的参考价值。
千里执行，始于足下。做了这个下拉刷新，这是我自己的想告诫自己的。说白了，自己最近真的太懒了。实在是太懒了。。。。。。
没等做完就发现这其实是个很简单的东西，偏偏以前觉得好高端，好大气，好上档次。。。哎。
一、思路：
通过重写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();
以上是关于原来Android ListView下拉刷新真的很简单的主要内容，如果未能解决你的问题，请参考以下文章
android ListView 做下拉刷新 下拉跳到第一项怎么解决
android ListView 做下拉刷新 下拉跳到第一项怎么解决