服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #

实现Android下拉刷新的ListView

时间:2016-01-30 16:02来源:未知 作者:最模板 点击:
ListView的下拉刷新及上拉加载更多数据是我们开发中通常要实现的功能,开源项目中有很多的上下拉加载刷新的ListView可直接拿来使用,这几天刚好学习了下刷新的实现方式,把学习的资

ListView的下拉刷新及上拉加载更多数据是我们开发中通常要实现的功能,开源项目中有很多的上下拉加载刷新的ListView可直接拿来使用,这几天刚好学习了下刷新的实现方式,把学习的资料做个记录:

实现的简单效果图片:这是下拉时显示,文字可能有些不一样。向上返回如图:。此时放开手后,就有一个圆形进度条加载状态,加载完成后HeaderView部分(包括上面的图片,及加载条都是隐藏)。

实现的代码:

/** 
* 自定义可以下拉刷新的ListView 
*  
* @description: 
* 下拉刷新实现方式分析: 
* 1,我们要给ListView添加头部(HeaderView)实现下拉加载的提示效果 
* 2,需要对ListView进行onScrollListener监听,来判断当前是否显示在listview的最顶部 
* 3,ListView的下拉加载等界面是随手势滑动过程不断变化的,所以要监听onTouch事件,来改变当前的状态及界面显示 
* 4,最后就是根据当前的状态来实现加载数据 
* @date 2015-10-27 下午12:16:59 
*/ 
public class PullDownFreshListView extends ListView implements OnScrollListener {
/* 下拉的ListView头部* */ 
private View mHeaderView; 
/* 头部的高度* */ 
private int headerHeight; 
/* 当前每一个可见的item的位置* */ 
private int mFirstVisibleItem; 
/* 当前的滚动状态* */ 
private int mScrollState; 
/* 设置下拉起始的y值* */ 
private int startY; 
/* 是否是在ListView顶端按下的(下拉的)* */ 
private boolean isRemark = false; 
/* 定义当前ListView所处的状态* */ 
private int state; 
/* 定义状态:正常* */ 
private static final int NORMAL = 1; 
/* 定义状态:下拉状态* */ 
private static final int PULL = 2; 
/* 定义状态:下拉释放状态* */ 
private static final int RELEASE = 3; 
/* 定义状态:刷新中状态* */ 
private static final int FRESHING = 4; 
/* 刷新完成回调接口* */ 
private IPullDownFreshListener freshListener; 
public void setFreshListener(IPullDownFreshListener freshListener) { 
this.freshListener = freshListener; 

public PullDownFreshListView(Context context) { 
super(context); 
initHeaderView(context); 

public PullDownFreshListView(Context context, AttributeSet attrs) { 
super(context, attrs); 
initHeaderView(context); 

public PullDownFreshListView(Context context, AttributeSet attrs, int defStyleAttr) { 
super(context, attrs, defStyleAttr); 
initHeaderView(context); 

/** 
* 初始化头部headerView 
* @description: 
* @date 2015-10-27 下午1:03:32 
*/ 
private void initHeaderView(Context context) { 
LayoutInflater mInflater = LayoutInflater.from(context); 
mHeaderView = mInflater.inflate(R.layout.fresh_header, null); 
measureHeaderView(mHeaderView); 
headerHeight = mHeaderView.getMeasuredHeight(); 
topPadding(-headerHeight);// 设置pading为header高度的负责来初始隐藏headerView
this.addHeaderView(mHeaderView); 

/** 
* 设置ListView的padding 
* @description: 
* @date 2015-10-27 下午1:25:45 
*/ 
private void topPadding(int top) { 
setPadding(mHeaderView.getPaddingLeft(), top, mHeaderView.getPaddingRight(), mHeaderView.getPaddingBottom()); 
mHeaderView.invalidate(); 

/** 
* 测量view在父容器中占用的高度 
* @description: 
* @date 2015-10-27 下午1:17:39 
*/ 
private void measureHeaderView(View view) { 
ViewGroup.LayoutParams lp = view.getLayoutParams(); 
if (lp == null) { 
lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT); 

int width = ViewGroup.getChildMeasureSpec(0, 0, lp.width); 
int height; 
int tempHeight = lp.height; 
if (tempHeight > 0) { 
height = MeasureSpec.makeMeasureSpec(tempHeight, MeasureSpec.EXACTLY); 

else { 
height = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED); 

view.measure(width, height); 

@Override 
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { 
this.mFirstVisibleItem = firstVisibleItem;// 获取当前可见item的位置 

@Override 
public void onScrollStateChanged(AbsListView view, int scrollState) { 
this.mScrollState = scrollState; 

@Override 
public boolean onTouchEvent(MotionEvent ev) { 
switch (ev.getAction()) { 
case MotionEvent.ACTION_DOWN: 
if (mFirstVisibleItem == 0) { 
isRemark = true; 
startY = (int) ev.getY();// 按下手指时获取到初始的位置y值 
state = NORMAL; 

break; 
case MotionEvent.ACTION_MOVE: 
onMove(ev); 
break; 
case MotionEvent.ACTION_UP: 
if (state == RELEASE) { 
state = FRESHING; 
// 加载最新数据 
reFreshViewsByState(); 
if (freshListener != null) { 
freshListener.onFresh(); 


else if (state == PULL) { 
state = NORMAL; 
isRemark = false; 
reFreshViewsByState(); 

break; 

return super.onTouchEvent(ev); 

/** 
* 下拉过程中的逻辑处理 
* @description: 
* @date 2015-10-27 下午1:34:13 
*/ 
private void onMove(MotionEvent ev) { 
if (!isRemark) { return; } 
int tempY = (int) ev.getY(); 
int spaceY = tempY - startY;// 获取到滑动(拉动)产生的距离 
int topPadding = tempY - startY; 
switch (state) { 
case NORMAL: 
if (spaceY > 0) { 
state = PULL; 

break; 
case PULL: 
topPadding(topPadding); 
if (spaceY > headerHeight + 30 && mScrollState == SCROLL_STATE_TOUCH_SCROLL) { 
state = RELEASE; 

break; 
case RELEASE: 
if (spaceY < headerHeight + 30) { 
state = PULL; 

else if (spaceY <= 0) { 
state = NORMAL; 

break; 
case FRESHING: 
break; 


/** 
* 刷新结束的处理 
* @description: 
* @date 2015-10-27 下午1:50:53 
*/ 
@SuppressLint("SimpleDateFormat") 
public void freshCompelete() { 
state = NORMAL; 
isRemark = false; 
reFreshViewsByState(); 
TextView freshTimeTv = (TextView) mHeaderView.findViewById(R.id.item_time); 
SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 mm:dd:ss"); 
Date now = new Date(System.currentTimeMillis()); 
freshTimeTv.setText(sdf.format(now));// 设置刷新的时间显示 

/** 
* 根据当前 状态 来显示headerView 
* @description: 
* @date 2015-10-27 下午1:51:45 
*/ 
private void reFreshViewsByState() { 
TextView tip = (TextView) mHeaderView.findViewById(R.id.item_title); 
ImageView freshIv = (ImageView) mHeaderView.findViewById(R.id.item_iv); 
ProgressBar pBar = (ProgressBar) mHeaderView.findViewById(R.id.item_progress); 
// 设置下拉时的图片动画 
RotateAnimation downAnim = new RotateAnimation(0, 180, 0.5f, 0.5f); 
downAnim.setDuration(500); 
downAnim.setFillAfter(true); 
RotateAnimation upAnim = new RotateAnimation(180, 0, 0.5f, 0.5f); 
upAnim.setDuration(500); 
upAnim.setFillAfter(true); 
switch (state) { 
case NORMAL: 
topPadding(-headerHeight); 
break; 
case PULL: 
freshIv.setVisibility(View.VISIBLE); 
pBar.setVisibility(View.GONE); 
tip.setText("下拉可以刷新!"); 
freshIv.clearAnimation(); 
freshIv.setAnimation(downAnim); 
break; 
case RELEASE: 
freshIv.setVisibility(View.VISIBLE); 
pBar.setVisibility(View.GONE); 
tip.setText("松开可以刷新!"); 
freshIv.clearAnimation(); 
freshIv.setAnimation(upAnim); 
break; 
case FRESHING: 
topPadding(50); 
freshIv.setVisibility(View.GONE); 
pBar.setVisibility(View.VISIBLE); 
tip.setText("正在刷新!"); 
freshIv.clearAnimation(); 
break; 


/** 
* 增加一个刷新完成的回调接口 
* @description: 
* @date 2015-10-28 上午9:06:05 
*/ 
public interface IPullDownFreshListener { 
void onFresh();// 刷新方法 

--------------在Activity中使用很方便,同通常的ListView是一样的,在布局文件中引入我们自定义ListView--------------------------------------------------------

public class MainActivity extends Activity { 
private PullDownFreshListView mDownFreshListView; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_main); 
mDownFreshListView = (PullDownFreshListView) findViewById(R.id.fresh_listview);

//创建适配器及模拟数据的操作就省略了.....

mDownFreshListView.setFreshListener(new IPullDownFreshListener() {

@Override

public void onFresh() {

// 加载数据

// 刷新界面

mDownFreshListView.freshCompelete();// 调用 刷新完成

}

});

}

}


(责任编辑:最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容