文档章节

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

二进制的忧伤
 二进制的忧伤
发布于 2015/01/23 20:08
字数 1333
阅读 261
收藏 1

    一、实现效果

具体实现效果如图示:

  二、实现步骤

    (1)添加header头布局,通过设置header的边距来显示和隐藏header;

     (2)通过OnScrollListener监听事件,获取ListView的活动状态以及firstVisibleItem首位可见的Item;

     (3)通过OnTouchListener监听事件,通过判断是否在首位,以及处理ACTION_DOWN,ACTION_MOVE,ACTION_UP

各个状态事件,并记录none(正常,pull(下拉),release(释放),reflashing(刷新)等状态。

    ACTION_DOWN:判断是否在首列,若是,记录该点位置startY;

    ACTION_MOVE:记录移动后的tempY,获取间距space,与View的高度比较后,动态获取View上边距,并设置。

    ACTION_UP:记录为reflashing状态,刷新数据。

    (4)刷新完成后,还原各自所处状态,隐藏header。

    三、工程实现

    (1)工程视图:

    

    (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

 

© 著作权归作者所有

二进制的忧伤
粉丝 9
博文 19
码字总数 16902
作品 0
深圳
程序员
私信 提问
Jaynm/PullToRefreshListView

PullToRefreshScrollViewDemo Android使用PullToRefresh完成ListView下拉刷新和左滑删除 一、本文主要内容: 使用PullToRefresh完成ListView下拉、上拉刷新; 扩展PullToRefresh完美的实现L...

Jaynm
2016/11/03
0
0
Android进阶——框架打造之RecyclerView框架

前言 RecyclerView已经完全替代了ListView的开发,其强大之处在于性能、内存、使用、灵活、丰富的API、动画、事件处理上都可以完美的体现出来,对于开发者来说RecyclerView是必须精通的一关,...

qq_30379689
2018/01/07
0
0
重写ListView实现下拉刷新上拉加载

安卓本身的ListView没有刷新功能,要想实现这一功能,就得继承ListView并重写它的方法。同时也要实现其OnScrollListener这一接口。 下拉刷新,需要在原本的ListView上部添加一个Head,ListV...

ZytCandy
2014/08/07
6.5K
4
Flutter EasyRefresh+ListView+Scoped Model 实现上拉刷新和分页加载

前言: Flutter项目需要实现“上拉刷新和分页加载“的功能,分页可以把大量数据分割成一个个小段,分次加载。这样可以有效避免因为一次load全部数据而导致客户端变慢的问题。在这里我使用Eas...

EmilyWu
07/18
226
0
那些年不容错过的智能下拉刷新加载框架

一些值得学习的几个下拉刷新上拉加载开源库 功能齐全的AnimRefreshRecyclerView 根据列表的不同效果选择不同的布局管理器 根据不同的布局管理器设置分割线: 设置Header和Footer 手动刷新 An...

codeGoogle
2017/09/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Mybatis Plus删除

/** @author beth @data 2019-10-17 00:30 */ @RunWith(SpringRunner.class) @SpringBootTest public class DeleteTest { @Autowired private UserInfoMapper userInfoMapper; /** 根据id删除......

一个yuanbeth
今天
4
0
总结

一、设计模式 简单工厂:一个简单而且比较杂的工厂,可以创建任何对象给你 复杂工厂:先创建一种基础类型的工厂接口,然后各自集成实现这个接口,但是每个工厂都是这个基础类的扩展分类,spr...

BobwithB
今天
5
0
java内存模型

前言 Java作为一种面向对象的,跨平台语言,其对象、内存等一直是比较难的知识点。而且很多概念的名称看起来又那么相似,很多人会傻傻分不清楚。比如本文我们要讨论的JVM内存结构、Java内存模...

ls_cherish
今天
4
0
友元函数强制转换

友元函数强制转换 p522

天王盖地虎626
昨天
5
0
js中实现页面跳转(返回前一页、后一页)

本文转载于:专业的前端网站➸js中实现页面跳转(返回前一页、后一页) 一:JS 重载页面,本地刷新,返回上一页 复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a h...

前端老手
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部