ListView下拉刷新数据功能篇一

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

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

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

下拉滑动工单列表时(GridView/ListView实现)刷新最新数据,类似新浪微博中顶端下拉刷新数据功能。
在网上搜了一些解决方案,很多方法看起来很复杂,看了几个方案,选择了一个简单的,自己也修改了一下,实现起来比较好的与大家一起分享,相信大家以后会用的到(本篇先分享ListView的实现方式,下一篇在实现GridView的下拉刷新数据功能),乍一看比较长,大家细看一下,就知道比较简单了。
先把图依次展示一下吧(图中刷新了2次了所以时间会出现2个)


ListView下拉刷新数据功能篇一_第1张图片

ListView下拉刷新数据功能篇一_第2张图片

ListView下拉刷新数据功能篇一_第3张图片

ListView下拉刷新数据功能篇一_第4张图片


//复写了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>



你可能感兴趣的:(android,ListView)