ListView上拉加載下拉刷新功能實現

    1、實現效果

具體實現效果如圖示:java

  2、實現步驟

    (1)添加header頭佈局,經過設置header的邊距來顯示和隱藏header;android

     (2)經過OnScrollListener監聽事件,獲取ListView的活動狀態以及firstVisibleItem首位可見的Item;網絡

     (3)經過OnTouchListener監聽事件,經過判斷是否在首位,以及處理ACTION_DOWN,ACTION_MOVE,ACTION_UPide

各個狀態事件,並記錄none(正常,pull(下拉),release(釋放),reflashing(刷新)等狀態。佈局

    ACTION_DOWN:判斷是否在首列,如果,記錄該點位置startY;post

    ACTION_MOVE:記錄移動後的tempY,獲取間距space,與View的高度比較後,動態獲取View上邊距,並設置。測試

    ACTION_UP:記錄爲reflashing狀態,刷新數據。this

    (4)刷新完成後,還原各自所處狀態,隱藏header。spa

    3、工程實現

    (1)工程視圖:.net

    

    (2)因爲ListView上拉已經實現過了這裏就只看自定義MyListView.java實現:

package com.example.listviewdemo1;
import java.text.SimpleDateFormat;
import java.util.Date;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.AbsListView.OnScrollListener;
public class MyListView extends ListView implements OnScrollListener {
 View footer, header;// 底部佈局
 int totalItemCount;// ListView加載數據總量
 int lastVisibaleItem;// 底部顯示的數據
 boolean isLoading;// 是否在加載
 OnLoaderListener loaderListener;// 加載監聽
 // 下拉刷新數據
 int headerHeight;// 頂部佈局文件的高度;
 int scrollState;// listview 當前滾動狀態;
 boolean isRemark;// 標記,當前是在listview最頂端摁下的;
 int startY;// 摁下時的Y值;
 int state;// 當前的狀態;
 final int NONE = 0;// 正常狀態;
 final int PULL = 1;// 提示下拉狀態;
 final int RELESE = 2;// 提示釋放狀態;
 final int REFLASHING = 3;// 刷新狀態;
 public MyListView(Context context) {
  super(context);
  initView(context);
 }
 public MyListView(Context context, AttributeSet attrs) {
  super(context, attrs);
  initView(context);
 }
 public MyListView(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  initView(context);
 }
 @Override
 public void onScrollStateChanged(AbsListView view, int scrollState) {
  if (totalItemCount == lastVisibaleItem && scrollState == SCROLL_STATE_IDLE) {
   if (!isLoading) {
    isLoading = true;
    footer.findViewById(R.id.load_layout).setVisibility(View.VISIBLE);
    loaderListener.onLoad();// 加載更多
   }
  }
  this.scrollState = scrollState;
 }
 @Override
 public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount,
   int totalItemCount) {
  this.lastVisibaleItem = firstVisibleItem + visibleItemCount;
  this.totalItemCount = totalItemCount;
 }
 private void initView(Context context) {
  LayoutInflater inflater = LayoutInflater.from(context);
  footer = inflater.inflate(R.layout.footer_layout, null);
  header = inflater.inflate(R.layout.header_layout, null);
  measureView(header);
  headerHeight = header.getMeasuredHeight();
  footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
  topPadding(-headerHeight);
  this.addHeaderView(header);// 加到頂部
  this.addFooterView(footer);// 加到底部
  this.setOnScrollListener(this);// 監聽滾動到底部
 }
 /**
  * 通知父佈局,佔用的寬,高;
  * 
  * @param view
  */
 private void measureView(View view) {
  ViewGroup.LayoutParams p = view.getLayoutParams();
  if (p == null) {
   p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
     ViewGroup.LayoutParams.WRAP_CONTENT);
  }
  int width = ViewGroup.getChildMeasureSpec(0, 0, p.width);
  int height;
  int tempHeight = p.height;
  if (tempHeight > 0) {
   height = MeasureSpec.makeMeasureSpec(tempHeight, MeasureSpec.EXACTLY);
  } else {
   height = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
  }
  view.measure(width, height);
 }
 /**
  * 設置header 佈局 上邊距;
  * 
  * @param topPadding
  */
 private void topPadding(int topPadding) {
  header.setPadding(header.getPaddingLeft(), topPadding, header.getPaddingRight(),
    header.getPaddingBottom());
  header.invalidate();
 }
 @Override
 public boolean onTouchEvent(MotionEvent ev) {
  switch (ev.getAction()) {
  case MotionEvent.ACTION_DOWN:
   if (getFirstVisiblePosition() == 0) {
    isRemark = true;
    startY = (int) ev.getY();
   }
   break;
  case MotionEvent.ACTION_MOVE:
   onMove(ev);
   break;
  case MotionEvent.ACTION_UP:
   if (state == RELESE) {
    state = REFLASHING;
    // 加載最新數據;
    reflashViewByState();
    loaderListener.onReflash();
   } else if (state == PULL) {
    state = NONE;
    isRemark = false;
    reflashViewByState();
   }
   break;
  }
  return super.onTouchEvent(ev);
 }
 /**
  * 判斷移動過程操做;
  * 
  * @param ev
  */
 private void onMove(MotionEvent ev) {
  if (!isRemark) {
   return;
  }
  int tempY = (int) ev.getY();
  int space = tempY - startY;
  int topPadding = space - headerHeight;
  switch (state) {
  case NONE:
   if (space > 0) {
    state = PULL;
    reflashViewByState();
   }
   break;
  case PULL:
   topPadding(topPadding);
   if (space > headerHeight + 30 && scrollState == SCROLL_STATE_TOUCH_SCROLL) {
    state = RELESE;
    reflashViewByState();
   }
   break;
  case RELESE:
   topPadding(topPadding);
   if (space < headerHeight + 30) {
    state = PULL;
    reflashViewByState();
   } else if (space <= 0) {
    state = NONE;
    isRemark = false;
    reflashViewByState();
   }
   break;
  }
 }
 /**
  * 根據當前狀態,改變界面顯示;
  */
 private void reflashViewByState() {
  TextView tip = (TextView) header.findViewById(R.id.tip);
  ImageView arrow = (ImageView) header.findViewById(R.id.arrow);
  ProgressBar progress = (ProgressBar) header.findViewById(R.id.progress);
  RotateAnimation anim = new RotateAnimation(0, 180, RotateAnimation.RELATIVE_TO_SELF, 0.5f,
    RotateAnimation.RELATIVE_TO_SELF, 0.5f);
  anim.setDuration(500);
  anim.setFillAfter(true);
  RotateAnimation anim1 = new RotateAnimation(180, 0, RotateAnimation.RELATIVE_TO_SELF, 0.5f,
    RotateAnimation.RELATIVE_TO_SELF, 0.5f);
  anim1.setDuration(500);
  anim1.setFillAfter(true);
  switch (state) {
  case NONE:
   arrow.clearAnimation();
   topPadding(-headerHeight);
   break;
  case PULL:
   arrow.setVisibility(View.VISIBLE);
   progress.setVisibility(View.GONE);
   tip.setText("下拉能夠刷新!");
   arrow.clearAnimation();
   arrow.setAnimation(anim1);
   break;
  case RELESE:
   arrow.setVisibility(View.VISIBLE);
   progress.setVisibility(View.GONE);
   tip.setText("鬆開能夠刷新!");
   arrow.clearAnimation();
   arrow.setAnimation(anim);
   break;
  case REFLASHING:
   topPadding(50);
   arrow.setVisibility(View.GONE);
   progress.setVisibility(View.VISIBLE);
   tip.setText("正在刷新...");
   arrow.clearAnimation();
   break;
  }
 }
 /**
  * 下拉獲取完數據;
  */
 public void reflashComplete() {
  state = NONE;
  isRemark = false;
  reflashViewByState();
  TextView lastupdatetime = (TextView) header.findViewById(R.id.lastupdate_time);
  SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 hh:mm:ss");
  Date date = new Date(System.currentTimeMillis());
  String time = format.format(date);
  lastupdatetime.setText(time);
 }
 /**
  * 上拉加載完數據
  */
 public void loadComplete() {
  isLoading = false;
  footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
 }
 public void setLoaderListener(OnLoaderListener loaderListener) {
  this.loaderListener = loaderListener;
 }
 /**
  * 加載回調接口
  * 
  * @author shizhao
  * 
  */
 public interface OnLoaderListener {
  public void onLoad();// 上拉加載回調
  public void onReflash();// 下拉刷新回調
 }
}

    其中實現了View footer, header頂部和底部佈局,上拉加載和下拉刷新都在代碼中實現。

    (3)調用類實現以下:

public class MainActivity extends Activity implements OnLoaderListener {
 ArrayList<ItemEntity> itemEntities;
 MyAdapter adapter;
 MyListView listview;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  getData();
  showListView(itemEntities);
 }
 private void showListView(ArrayList<ItemEntity> itemEntities) {
  if (adapter == null) {
   listview = (MyListView) findViewById(R.id.listview);
   listview.setLoaderListener(this);
   adapter = new MyAdapter(itemEntities, this);
   listview.setAdapter(adapter);
  } else {
   adapter.onDataChange(itemEntities);
  }
 }
 private void getData() {
  itemEntities = new ArrayList<ItemEntity>();
  for (int i = 0; i < 4; i++) {
   ItemEntity itemEntity = new ItemEntity();
   itemEntity.setName("測試程序:" + i);
   itemEntity.setInfo("這是初始節目加載的Item");
   itemEntity.setItemId(R.drawable.ic_launcher);
   itemEntities.add(itemEntity);
  }
 }
 private void loadData() {
  for (int i = 0; i < 2; i++) {
   ItemEntity itemEntity = new ItemEntity();
   itemEntity.setName("上拉加載程序:" + i);
   itemEntity.setInfo("這是向上拖動加載的Item");
   itemEntity.setItemId(R.drawable.ic_launcher);
   itemEntities.add(itemEntity);
  }
 }
 private void setReflashData() {
  for (int i = 0; i < 2; i++) {
   ItemEntity itemEntity = new ItemEntity();
   itemEntity.setName("下拉刷新程序:" + i);
   itemEntity.setInfo("這是向下拖動刷新的Item");
   itemEntity.setItemId(R.drawable.test_icon);
   itemEntities.add(0, itemEntity);
  }
 }
 @Override
 public void onLoad() {
  Handler handler = new Handler();
  handler.postDelayed(new Runnable() {
   @Override
   public void run() {
    // 獲取更多數據
    loadData();
    // 更新listview顯示;
    showListView(itemEntities);
    // 通知listview加載完畢
    listview.loadComplete();
   }
  }, 2000);
 }
 @Override
 public void onReflash() {
  Handler handler = new Handler();
  handler.postDelayed(new Runnable() {
   @Override
   public void run() {
    // 獲取最新數據
    setReflashData();
    // 通知界面顯示
    showListView(itemEntities);
    // 通知listview 刷新數據完畢;
    listview.reflashComplete();
   }
  }, 2000);
 }
}

    其中使用Handler的post方法實現延遲,模擬網絡加載延遲現象,實際應用中並不須要。

    整個工程已打包上傳,須要的話自行下載:http://download.csdn.net/detail/shizhao0716/8391097

相關文章
相關標籤/搜索