ListView上拉加载下拉刷新功能实现

时间 2020-01-03

标签 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