ListView下拉刷新数据功能篇一

来源：互联网发布：淘宝上卖高仿的处罚编辑：程序博客网时间：2024/05/28 22:10

转载自http://blog.sina.com.cn/s/blog_7575ed8b01013cnp.html

我已经试过了，效果蛮好，这是转载篇，下一篇我将我的贡献出来，在此感谢楼上那位博主，他的源码如下：

今天项目中遇到一个问题：

下拉滑动工单列表时（GridView/ListView实现）刷新最新数据，类似新浪微博中顶端下拉刷新数据功能。

在网上搜了一些解决方案，很多方法看起来很复杂，看了几个方案，选择了一个简单的，自己也修改了一下，实现起来比较好的与大家一起分享，相信大家以后会用的到（本篇先分享ListView的实现方式，下一篇在实现GridView的下拉刷新数据功能），乍一看比较长，大家细看一下，就知道比较简单了。

先把图依次展示一下吧（图中刷新了2次了所以时间会出现2个）

//复写了ListView的带下拉刷新功能的PullToRefreshListView

packagesrc.com.lyg.refreshlist;

importjava.text.SimpleDateFormat;

importjava.util.Date;

importsrc.com.lyg.R;

importandroid.content.Context;

importandroid.util.AttributeSet;

importandroid.util.Log;

importandroid.view.LayoutInflater;

importandroid.view.MotionEvent;

importandroid.view.View;

importandroid.view.ViewGroup;

importandroid.view.animation.LinearInterpolator;

importandroid.view.animation.RotateAnimation;

importandroid.widget.AbsListView;

importandroid.widget.AbsListView.OnScrollListener;

importandroid.widget.BaseAdapter;

importandroid.widget.ImageView;

importandroid.widget.LinearLayout;

importandroid.widget.ListView;

importandroid.widget.ProgressBar;

importandroid.widget.TextView;

public classPullToRefreshListView extends ListView implements OnScrollListener{

private staticfinal String TAG = "listview";

private finalstatic int RELEASE_To_REFRESH = 0; // 释放

private finalstatic int PULL_To_REFRESH = 1;// 下拉刷新

private finalstatic int REFRESHING = 2; // 正在刷新

private finalstatic int DONE = 3; // 按下

private finalstatic int LOADING = 4;

//实际的padding的距离与界面上偏移距离的比例

private finalstatic int RATIO = 3;

privateLayoutInflater inflater;

privateLinearLayout headView;

privateTextView tipsTextview;

privateTextView lastUpdatedTextView;

privateImageView arrowImageView;

privateProgressBar progressBar;

privateRotateAnimation animation;

privateRotateAnimation reverseAnimation;

//用于保证startY的值在一个完整的touch事件中只被记录一次

private booleanisRecored;

private intheadContentWidth;

private intheadContentHeight;

private intstartY;

private intfirstItemIndex;

private intstate;

private booleanisBack;

privateOnRefreshListener refreshListener;

private booleanisRefreshable;

publicPullToRefreshListView(Context context) {

super(context);

init(context);

}

publicPullToRefreshListView(Context context, AttributeSet attrs) {

super(context, attrs);

init(context);

}

privatevoid init(Context context) {

//setCacheColorHint(context.getResources().getColor(R.color.transparent));

inflater =LayoutInflater.from(context);

// head布局文件

headView =(LinearLayout) inflater.inflate(R.layout.head, null);

//下拉箭头

arrowImageView = (ImageView) headView.findViewById(R.id.head_arrowImageView);

arrowImageView.setMinimumWidth(70);

arrowImageView.setMinimumHeight(50);

//进度条

progressBar = (ProgressBar) headView.findViewById(R.id.head_progressBar);

// 下拉提示刷新

tipsTextview =(TextView)headView.findViewById(R.id.head_tipsTextView);

//最新一次刷新时间

lastUpdatedTextView = (TextView) headView.findViewById(R.id.head_lastUpdatedTextView);

//计算head的高宽

measureView(headView);

headContentHeight =headView.getMeasuredHeight();

headContentWidth =headView.getMeasuredWidth();

//初始状态是隐藏掉head布局

headView.setPadding(0, -1 * headContentHeight,0, 0);

headView.invalidate();

Log.v("size", "width:" + headContentWidth + "height:" + headContentHeight);

//list添加头文件

addHeaderView(headView, null, false);

setOnScrollListener(this);

//下拉以及恢复动画

animation = new RotateAnimation(0, -180,RotateAnimation.RELATIVE_TO_SELF,0.5f,RotateAnimation.RELATIVE_TO_SELF, 0.5f);

animation.setInterpolator(newLinearInterpolator());

animation.setDuration(250);

animation.setFillAfter(true);

reverseAnimation = newRotateAnimation(-180, 0,

RotateAnimation.RELATIVE_TO_SELF, 0.5f,

RotateAnimation.RELATIVE_TO_SELF, 0.5f);

reverseAnimation.setInterpolator(newLinearInterpolator());

reverseAnimation.setDuration(200);

reverseAnimation.setFillAfter(true);

state = DONE;

isRefreshable = false;

}

publicvoid onScroll(AbsListView arg0, int firstVisiableItem, int arg2,int arg3) {

firstItemIndex = firstVisiableItem;

}

publicvoid onScrollStateChanged(AbsListView arg0, int arg1) {

}

public booleanonTouchEvent(MotionEvent event) {

if(isRefreshable) {

switch(event.getAction()) {

//在down时候记录当前Y的位置

caseMotionEvent.ACTION_DOWN:

if(firstItemIndex == 0 && !isRecored){

isRecored =true;

startY = (int)event.getY();

Log.v(TAG,"在down时候记录当前位置‘");

}

break;

caseMotionEvent.ACTION_UP:

if (state !=REFRESHING && state != LOADING){

if (state ==DONE) {

//什么都不做

}

//由下拉刷新状态，到done状态

if (state ==PULL_To_REFRESH) {

state =DONE;

changeHeaderViewByState();

Log.v(TAG,"由下拉刷新状态，到done状态");

}

if (state ==RELEASE_To_REFRESH) {

state =REFRESHING;

changeHeaderViewByState();

onRefresh();

Log.v(TAG,"由松开刷新状态，到done状态");

}

isRecored =false;

isBack =false;

break;

caseMotionEvent.ACTION_MOVE:

int tempY =(int) event.getY();

if (!isRecored&& firstItemIndex == 0){

Log.v(TAG,"在move时候记录下位置");

isRecored =true;

startY =tempY;

}

if (state !=REFRESHING && isRecored&& state != LOADING) {

//保证在设置padding的过程中，当前的位置一直是在head，否则如果当列表超出屏幕的话，当在上推的时候，列表会同时进行滚动

//可以松手去刷新了

if (state ==RELEASE_To_REFRESH) {

setSelection(0);

//往上推了，推到了屏幕足够掩盖head的程度，但是还没有推到全部掩盖的地步

if(((tempY - startY) / RATIO <headContentHeight)&&(tempY - startY) > 0) {

state =PULL_To_REFRESH;

changeHeaderViewByState();

Log.v(TAG,"由松开刷新状态转变到下拉刷新状态");

}

//一下子推到顶了

else if (tempY- startY <= 0) {

state =DONE;

changeHeaderViewByState();

Log.v(TAG,"由松开刷新状态转变到done状态");

}

//往下拉了，或者还没有上推到屏幕顶部掩盖head的地步

else{

//不用进行特别的操作，只用更新paddingTop的值就行了

}

//还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态

if (state ==PULL_To_REFRESH) {

setSelection(0);

//下拉到可以进入RELEASE_TO_REFRESH的状态

if ((tempY -startY) / RATIO >= headContentHeight) {

state =RELEASE_To_REFRESH;

isBack =true;

changeHeaderViewByState();

Log.v(TAG,"由done或者下拉刷新状态转变到松开刷新");

}

//上推到顶了

else if (tempY- startY <= 0) {

state =DONE;

changeHeaderViewByState();

Log.v(TAG,"由DOne或者下拉刷新状态转变到done状态");

}

//done状态下

if (state ==DONE) {

if (tempY -startY > 0) {

state =PULL_To_REFRESH;

changeHeaderViewByState();

}

//更新headView的size

if (state ==PULL_To_REFRESH) {

headView.setPadding(0, -1 *headContentHeight

+ (tempY -startY) / RATIO, 0, 0);

}

//更新headView的paddingTop

if (state ==RELEASE_To_REFRESH) {

headView.setPadding(0, (tempY - startY) /RATIO- headContentHeight, 0,0);

}

break;

}

returnsuper.onTouchEvent(event);

}

privatevoid changeHeaderViewByState() {

switch(state) {

//松开刷新状态

caseRELEASE_To_REFRESH:

arrowImageView.setVisibility(View.VISIBLE);

progressBar.setVisibility(View.GONE);

tipsTextview.setVisibility(View.VISIBLE);

lastUpdatedTextView.setVisibility(View.VISIBLE);

arrowImageView.clearAnimation();

arrowImageView.startAnimation(animation);

tipsTextview.setText("松开刷新");

Log.v(TAG, "当前状态，松开刷新");

break;

//下拉刷新

casePULL_To_REFRESH:

progressBar.setVisibility(View.GONE);

tipsTextview.setVisibility(View.VISIBLE);

lastUpdatedTextView.setVisibility(View.VISIBLE);

arrowImageView.clearAnimation();

arrowImageView.setVisibility(View.VISIBLE);

// 是由RELEASE_To_REFRESH状态转变来的

//箭头反转向上

if (isBack) {

isBack =false;

arrowImageView.clearAnimation();

arrowImageView.startAnimation(reverseAnimation);

tipsTextview.setText("下拉刷新");

} else {

tipsTextview.setText("下拉刷新");

}

Log.v(TAG, "当前状态，下拉刷新");

break;

//刷新中状态

case REFRESHING:

headView.setPadding(0, 0, 0,0);

progressBar.setVisibility(View.VISIBLE);

arrowImageView.clearAnimation();

arrowImageView.setVisibility(View.GONE);

tipsTextview.setText("正在刷新...");

lastUpdatedTextView.setVisibility(View.VISIBLE);

Log.v(TAG, "当前状态,正在刷新...");

break;

//刷新完毕

case DONE:

headView.setPadding(0, -1 * headContentHeight, 0,0);

progressBar.setVisibility(View.GONE);

arrowImageView.clearAnimation();

arrowImageView.setImageResource(R.drawable.goicon);

tipsTextview.setText("下拉刷新");

lastUpdatedTextView.setVisibility(View.VISIBLE);

Log.v(TAG, "当前状态，done");

break;

}

publicvoid setonRefreshListener(OnRefreshListener refreshListener) {

this.refreshListener = refreshListener;

isRefreshable = true;

}

public interface OnRefreshListener {

public voidonRefresh();

}

publicvoid onRefreshComplete() {

state = DONE;

SimpleDateFormat format=newSimpleDateFormat("yyyy年MM月dd日 HH:mm");

Stringdate=format.format(new Date());

lastUpdatedTextView.setText("最近更新:" + date);

changeHeaderViewByState();

}

private void onRefresh() {

if (refreshListener != null) {

refreshListener.onRefresh();

}

//此方法直接照搬自网络上的一个下拉刷新的demo，此处是“估计”headView的width以及height

private void measureView(View child) {

ViewGroup.LayoutParams p =child.getLayoutParams();

if (p == null) {

p = newViewGroup.LayoutParams(

ViewGroup.LayoutParams.FILL_PARENT,

ViewGroup.LayoutParams.WRAP_CONTENT);

}

intchildWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);

int lpHeight = p.height;

int childHeightSpec;

if (lpHeight > 0) {

childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,MeasureSpec.EXACTLY);

} else {

childHeightSpec = MeasureSpec.makeMeasureSpec(0,MeasureSpec.UNSPECIFIED);

}

child.measure(childWidthSpec,childHeightSpec);

}

publicvoid setAdapter(BaseAdapter adapter) {

SimpleDateFormat format=newSimpleDateFormat("yyyy年MM月dd日 HH:mm");

String date=format.format(newDate());

lastUpdatedTextView.setText("最近更新:" + date);

super.setAdapter(adapter);

}

//head.xml布局文件

<?xml version="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="#ffffff">

<RelativeLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:id="@+id/head_contentLayout"

android:paddingLeft="30dp"

<FrameLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:src="@drawable/goicon"

android:id="@+id/head_arrowImageView"

<ProgressBar

android:layout_width="wrap_content"

android:layout_height="wrap_content"

style="?android:attr/progressBarStyleSmall"

android:layout_gravity="center"

android:id="@+id/head_progressBar"

android:visibility="gone"

</FrameLayout>

<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:orientation="vertical"

android:gravity="center_horizontal"

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="下拉刷新"

android:textSize="15dp"

android:id="@+id/head_tipsTextView"

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/head_lastUpdatedTextView"

android:text="上次更新"

android:textSize="12dp"

</LinearLayout>

</RelativeLayout>

</LinearLayout>

//activity页面展示

packagesrc.com.lyg.refreshlist;

importjava.util.LinkedList;

importsrc.com.lyg.R;

importsrc.com.lyg.refreshlist.PullToRefreshListView.OnRefreshListener;

importandroid.app.Activity;

importandroid.os.AsyncTask;

importandroid.os.Bundle;

importandroid.view.LayoutInflater;

importandroid.view.View;

importandroid.view.ViewGroup;

importandroid.widget.BaseAdapter;

importandroid.widget.TextView;

public classPullToRefreshListViewActivity extends Activity {

privateLinkedList<String> data;

private BaseAdapteradapter;

public void onCreate(BundlesavedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

// 模拟数据

data = newLinkedList<String>();

for (int i = 0; i< 10; i++) {

data.add(String.valueOf(i));

}

//带下拉刷新功能复写了ListView的PullToRefreshListView

final PullToRefreshListViewlistView =(PullToRefreshListView)findViewById(R.id.order_form_list);

// 适配器

adapter = new BaseAdapter(){

public long getItemId(intposition) {

return position;

}

public Object getItem(intposition) {

returndata.get(position);

}

public int getCount(){

returndata.size();

}

public View getView(intposition, View convertView, ViewGroup parent) {

convertView =LayoutInflater.from(getApplicationContext()).inflate(R.layout.item,null);

TextView textView = (TextView)convertView.findViewById(R.id.textView_item);

textView.setText(data.get(position));

returnconvertView;

}

};

listView.setAdapter(adapter);

// 下拉刷新监听

listView.setonRefreshListener(newOnRefreshListener() {

public void onRefresh(){

newAsyncTask<Void, Void, Void>(){

protected VoiddoInBackground(Void... params) {

try {

Thread.sleep(1000);

} catch (Exception e){

e.printStackTrace();

}

data.addFirst("刷新后的内容");

return null;

}

@Override

protected voidonPostExecute(Void result) {

adapter.notifyDataSetChanged();

listView.onRefreshComplete();

}

}.execute(null);

}

});

}

//activity里面的main.xml布局文件

<?xml version="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical">

<TextView

android:layout_width="fill_parent"

android:layout_height="50dp"

android:layout_gravity="center"

android:text="List下拉刷新测试" />

<src.com.lyg.refreshlist.PullToRefreshListView

android:id="@+id/order_form_list"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:cacheColorHint="@android:color/transparent"

android:listSelector="@drawable/left_list_xuanzhong"

android:padding="1dip"

android:divider="@drawable/dash_line_h_repeat"

android:scrollingCache="false">

</src.com.lyg.refreshlist.PullToRefreshListView>

</LinearLayout>