listView下拉刷新加载数据

最新推荐文章于 2023-04-27 11:41:14 发布
最新推荐文章于 2023-04-27 11:41:14 发布
阅读量3.2w 收藏 35
点赞数 24
分类专栏： android小例子 Android小例子 文章标签： animation listview up 下拉刷新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lilu_leo/article/details/7328045
版权

          在2月27号的时候，完成listView滑动刷新代码，昨天的时候，完成listView下拉刷新(sina微博Android客户端效果)效果的解析，其实在三个例子当中，感觉最好的应该是listView下拉刷新(sina微博Android客户端效果)里面的代码，今天进行第三个例子的解析，其中代码中添加了很多注释，所以文中代码和以前上传的代码注释方面会有很多不同，在文章的下面，会提供最新的代码下载。

         看这个代码的时候，刚开始一直是没有弄明白是怎么样运行的，后来通过不断的打log，大概弄了个明白，先给大家看下log:



          在下面，会把log语句的具体含义简单的说明一下。

          然后再把代码贴出来，按照log，一步一步跟踪，看它的实现过程：

public boolean onTouchEvent(MotionEvent event) {
		if (isRefreshable) {
			switch (event.getAction()) {
			case MotionEvent.ACTION_DOWN:
				if (firstItemIndex == 0 && !isRecored) {
					isRecored = true;
					startY = (int) event.getY();
					Log.v("@@@@@@", "ACTION_DOWN 这是第  "+i+++"步" +1 );
				}
				break;
			case MotionEvent.ACTION_UP:
				if (state != REFRESHING && state != LOADING) {
					if (state == DONE) {
					}
					if (state == PULL_To_REFRESH) {
						state = DONE;
						Log.v("@@@@@@", "ACTION_UP PULL_To_REFRESH and changeHeaderViewByState()" +
								" 这是第  "+i+++"步前"+2 );
						changeHeaderViewByState();
						Log.v("@@@@@@", "ACTION_UP PULL_To_REFRESH and changeHeaderViewByState() " +
								"这是第  "+i+++"步后"+2 );
					}
					if (state == RELEASE_To_REFRESH) {
						state = REFRESHING;
						Log.v("@@@@@@", "ACTION_UP RELEASE_To_REFRESH changeHeaderViewByState() " +
								"这是第  "+i+++"步" +3);
						changeHeaderViewByState();						
						onRefresh();
						Log.v("@@@@@@", "ACTION_UP RELEASE_To_REFRESH changeHeaderViewByState()" +
								" 这是第  "+i+++"步" +3);
					}
				}
				isRecored = false;
				isBack = false;
				break;
			case MotionEvent.ACTION_MOVE:
				int tempY = (int) event.getY();
				if (!isRecored && firstItemIndex == 0) {
					isRecored = true;
					startY = tempY;
					Log.v("@@@@@@", "ACTION_MOVE 这是第  "+i+++"步" +4);
				}
				if (state != REFRESHING && isRecored && state != LOADING) {
					if (state == RELEASE_To_REFRESH) {
						setSelection(0);
						if (((tempY - startY) / RATIO < headContentHeight)
								&& (tempY - startY) > 0) {
							state = PULL_To_REFRESH;
							changeHeaderViewByState();
							Log.v("@@@@@@", "changeHeaderViewByState() 这是第  "+i+++"步"+5 );
						}
						else if (tempY - startY <= 0) {
							state = DONE;
							changeHeaderViewByState();
							Log.v("@@@@@@", "ACTION_MOVE RELEASE_To_REFRESH 2  changeHeaderViewByState " +
									"这是第  "+i+++"步" +6);
						}
					}
					if (state == PULL_To_REFRESH) {
						setSelection(0);
						if ((tempY - startY) / RATIO >= headContentHeight) {
							state = RELEASE_To_REFRESH;
							isBack = true;
							Log.v("@@@@@@", "changeHeaderViewByState " +
									"这是第  "+i+++"步前"+7 );
							changeHeaderViewByState();
							Log.v("@@@@@@", "changeHeaderViewByState " +
									"这是第  "+i+++"步后"+7 );
						}
						else if (tempY - startY <= 0) {
							state = DONE;
							changeHeaderViewByState();
							Log.v("@@@@@@", "ACTION_MOVE changeHeaderViewByState PULL_To_REFRESH 2" +
									" 这是第  "+i+++"步" +8);
						}
					}
					if (state == DONE) {
						if (tempY - startY > 0) {
							state = PULL_To_REFRESH;
							Log.v("@@@@@@", "ACTION_MOVE DONE changeHeaderViewByState " +
									"这是第  "+i+++"步前" +9);
							changeHeaderViewByState();
							Log.v("@@@@@@", "ACTION_MOVE DONE changeHeaderViewByState " +
									"这是第  "+i+++"步后" +9);
						}
					}
					if (state == PULL_To_REFRESH) {
						headView.setPadding(0, -1 * headContentHeight+(tempY - startY) / RATIO, 0, 0);
						Log.v("@@@@@@", -1 * headContentHeight+(tempY - startY) / RATIO+
								"ACTION_MOVE PULL_To_REFRESH 3  这是第  "+i+++"步"+10 );
					}
					if (state == RELEASE_To_REFRESH) {
						headView.setPadding(0, (tempY - startY) / RATIO- headContentHeight, 0, 0);
						Log.v("@@@@@@", "ACTION_MOVE PULL_To_REFRESH 4 这是第  "+i+++"步" +11);
					}
				}
				break;
			}
		}
		return super.onTouchEvent(event);
	}

	private void changeHeaderViewByState() {
		switch (state) {
		case RELEASE_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("@@@@@@", "RELEASE_To_REFRESH 这是第  "+i+++"步"+12 +"请释放 刷新" );
			break;
		case PULL_To_REFRESH:
			progressBar.setVisibility(View.GONE);
			tipsTextview.setVisibility(View.VISIBLE);
			lastUpdatedTextView.setVisibility(View.VISIBLE);
			arrowImageView.clearAnimation();
			arrowImageView.setVisibility(View.VISIBLE);
			if (isBack) {
				isBack = false;
				arrowImageView.clearAnimation();
				arrowImageView.startAnimation(reverseAnimation);
				tipsTextview.setText("isBack  is true ！！！");
			} else {
				tipsTextview.setText("isBack  is false ！！！");
			}
			Log.v("@@@@@@", "PULL_To_REFRESH 这是第  "+i+++"步" +13+
					"  changeHeaderViewByState()");
			break;
		case REFRESHING:
			headView.setPadding(0, 0, 0, 0);
			progressBar.setVisibility(View.VISIBLE);
			arrowImageView.clearAnimation();
			arrowImageView.setVisibility(View.GONE);
			tipsTextview.setText("正在加载中 ...REFRESHING");
			lastUpdatedTextView.setVisibility(View.VISIBLE);
			Log.v("@@@@@@", "REFRESHING 这是第  "+i+++"步" +"正在加载中 ...REFRESHING");
			break;
		case DONE:
			headView.setPadding(0, -1 * headContentHeight, 0, 0);
			progressBar.setVisibility(View.GONE);
			arrowImageView.clearAnimation();
			arrowImageView.setImageResource(R.drawable.arrow);
			tipsTextview.setText("已经加载完毕- DONE ");
			lastUpdatedTextView.setVisibility(View.VISIBLE);
			Log.v("@@@@@@", "DONE 这是第  "+i+++"步" +"已经加载完毕- DONE ");
			break;
		}
	}

     以上就是 主要的功能代码，这个功能的实现，并没有在重写onScroll和onScrollStateChanged两个方法： 
public void onScroll(AbsListView arg0, int firstVisiableItem, int arg2,
			int arg3) {
		firstItemIndex = firstVisiableItem;
	}
	public void onScrollStateChanged(AbsListView arg0, int arg1) {
	}

主要就是通过onTouchEvent方法中根据不同的状态，进行不同的变化。

         先看下各个状态的定义：

//释放刷新
	private final static int RELEASE_To_REFRESH = 0;
	//下拉刷新
	private final static int PULL_To_REFRESH = 1;
	//正在刷新
	private final static int REFRESHING = 2;
	//刷新完成
	private final static int DONE = 3;


        下面就开始通过log，跟踪代码的执行过程，首先执行的肯定是onTouchEvent里面的ACTION_DOWN

if (firstItemIndex == 0 && !isRecored) {
					isRecored = true;
					startY = (int) event.getY();
					Log.v("@@@@@@", "ACTION_DOWN 这是第  "+i+++"步" +1 );
				}
				break;

在这里，简单的说明下，log语句的意思，这是第  "+i+++"步"，是说明这是进行的第几步，最后面跟的数字是为了独特的标记该log。

        再往下看：

        

        我们在log中找到9，然后看一下，在ACTION_MOVE中，执行了这一步：

if (state == DONE) {
						if (tempY - startY > 0) {
							state = PULL_To_REFRESH;
							Log.v("@@@@@@", "ACTION_MOVE DONE changeHeaderViewByState " +
									"这是第  "+i+++"步前" +9);
							changeHeaderViewByState();
							Log.v("@@@@@@", "ACTION_MOVE DONE changeHeaderViewByState " +
									"这是第  "+i+++"步后" +9);
						}
					}
        为什么呢？因为在初始化的时候，把state初始化为Done，然后， 
state = PULL_To_REFRESH;
changeHeaderViewByState();
把state状态转换为PULL_To_REFRESH，然后运行changeHeaderViewByState方法里面 

case PULL_To_REFRESH:
			progressBar.setVisibility(View.GONE);
			tipsTextview.setVisibility(View.VISIBLE);
			lastUpdatedTextView.setVisibility(View.VISIBLE);
			arrowImageView.clearAnimation();
			arrowImageView.setVisibility(View.VISIBLE);
			if (isBack) {
				isBack = false;
				arrowImageView.clearAnimation();
				arrowImageView.startAnimation(reverseAnimation);
				tipsTextview.setText("isBack  is true ！！！");
			} else {
				tipsTextview.setText("isBack  is false ！！！");
			}
			Log.v("@@@@@@", "PULL_To_REFRESH 这是第  "+i+++"步" +13+
					"  changeHeaderViewByState()");
			break;

在这里的各个控件的状态变化。state状态转换为PULL_To_REFRESH，代码继续向下进行


     所以会执行以下代码：

if (state == PULL_To_REFRESH) {
						headView.setPadding(0, -1 * headContentHeight+(tempY - startY) / RATIO, 0, 0);
						Log.v("@@@@@@", -1 * headContentHeight+(tempY - startY) / RATIO+
								"ACTION_MOVE PULL_To_REFRESH 3  这是第  "+i+++"步"+10 );
					}

设置headView的各个距离，随后break，但是返回以后呢？还是继续进行ACTION_MOVE，由于state状态转换为PULL_To_REFRESH，所以会执行： 

if (state == PULL_To_REFRESH) {
						setSelection(0);
						if ((tempY - startY) / RATIO >= headContentHeight) {
							state = RELEASE_To_REFRESH;
							isBack = true;
							Log.v("@@@@@@", "changeHeaderViewByState " +
									"这是第  "+i+++"步前"+7 );
							changeHeaderViewByState();
							Log.v("@@@@@@", "changeHeaderViewByState " +
									"这是第  "+i+++"步后"+7 );
						}
						else if (tempY - startY <= 0) {
							state = DONE;
							changeHeaderViewByState();
							Log.v("@@@@@@", "ACTION_MOVE changeHeaderViewByState PULL_To_REFRESH 2" +
									" 这是第  "+i+++"步" +8);
						}
					}

在本log里走的是if的第一分支，把state 的状态转化为RELEASE_To_REFRESH，然后执行changeHeaderViewByState里面： 


case RELEASE_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("@@@@@@", "RELEASE_To_REFRESH 这是第  "+i+++"步"+12 +"请释放 刷新" );
			break;

如果继续向下拉，会执行ACTION_MOVE中的： 

if (state == RELEASE_To_REFRESH) {
						headView.setPadding(0, (tempY - startY) / RATIO- headContentHeight, 0, 0);
						Log.v("@@@@@@", "ACTION_MOVE PULL_To_REFRESH 4 这是第  "+i+++"步" +11);
					}

继续看log：



进行完两个11以后，又会执行哪些代码呢？我们看到了3，然后我们找下这个log.

case MotionEvent.ACTION_UP:
				if (state != REFRESHING && state != LOADING) {
					if (state == DONE) {
					}
					if (state == PULL_To_REFRESH) {
						state = DONE;
						Log.v("@@@@@@", "ACTION_UP PULL_To_REFRESH and changeHeaderViewByState()" +
								" 这是第  "+i+++"步前"+2 );
						changeHeaderViewByState();
						Log.v("@@@@@@", "ACTION_UP PULL_To_REFRESH and changeHeaderViewByState() " +
								"这是第  "+i+++"步后"+2 );
					}
					if (state == RELEASE_To_REFRESH) {
						state = REFRESHING;
						Log.v("@@@@@@", "ACTION_UP RELEASE_To_REFRESH changeHeaderViewByState() " +
								"这是第  "+i+++"步" +3);
						changeHeaderViewByState();						
						onRefresh();
						Log.v("@@@@@@", "ACTION_UP RELEASE_To_REFRESH changeHeaderViewByState()" +
								" 这是第  "+i+++"步" +3);
					}
				}
				isRecored = false;
				isBack = false;
				break;

就是当手指送开的时候，执行到了ACTION_UP，因为state 的状态转化为RELEASE_To_REFRESH，里面调用了 

case RELEASE_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("@@@@@@", "RELEASE_To_REFRESH 这是第  "+i+++"步"+12 +"请释放 刷新" );
			break;

    和onRefresh方法，和listView下拉刷新(sina微博Android客户端效果)一样，这是个回调方法。

    最后调用 onRefreshComplete刷新完成方法：

public void onRefreshComplete() {
		state = DONE;
		lastUpdatedTextView.setText("已加载完成: " + new Date().toLocaleString());
		changeHeaderViewByState();
		Log.v("@@@@@@", "onRefreshComplete() 被调用。。。");
	}

最后程序运行结果如下：

下拉

 


继续下拉



手指松开




    最后，是源代码下载地址：http://download.csdn.net/detail/aomandeshangxiao/4119893 大笑。


傲慢的上校
关注
  • 24
    点赞
  • 踩
  • 35
    收藏
    觉得还不错? 一键收藏
  • 37
    评论
专栏目录
Android 实现ListView滚动到底部自动加载数据
06-13
Android 实现ListView滚动到底部自动加载数据
android listview滑动到底部加载数据
wlb0227的专栏
05-16 2988
listview滑动到底部加载更多数据
ListView滑动到底部自动加载
疯狂橘子侠
12-27 736
许多项目已经用到了滑动到底自动开始加载数据的效果，替代用力上拉加载更多的效果，例如网易新闻，新浪微博。介绍一下我的思路 1.如果你当前屏幕第一个Item的位置（firstVisibleItem ）+你当前屏幕可见item的数量==ListView中item的数量（这里可以理解—-ListView中总的item的数量就是ListView中最后一个item的位置），也就是当前已经滑动到最后一个it
Android中listView的下拉加载功能实现
活在当下！输出快乐！
06-27 6633
今天给大家讲讲android开发中比较常见的listView的下拉加载，其实也可以叫做分页加载。为什么会有这个叫法呢？说说我的理解吧！从字面上很好理解。当你滑动一个列表到底部的时候，这个时候就会出现正在加载的底部加载布局去加载更多的数据。这里拿微信作为一个例子，如下图所示：如上图所示红色方框的部分就是底部的加载布局。从一定程度上这样做是必要的，为了优化用户的体验。你可以想想，假如你点开微信的朋友圈的
android listview 下拉刷新 动态加载数据 图文混排
07-20
android 实现listview动态下拉刷新,动态加载数据 可以避免一次数据加载过多
android开发的listview下拉刷新加载数据
12-10
android开发的listview下拉刷新加载数据
Android类ListView下拉刷新控件实现
03-02
比如微博，下拉刷新更多数据。一般我们在运用的ListView，本身就实现了下拉获取更多数据。只是这个下拉刷新的操作时在listView拉到底端的监听。对于ListView刷新，我们可以分为两种情况：1.获取更多的数据，按服务器...
Android中Listview下拉刷新和上拉加载更多的多种实现方案
08-31
本文大概通过三种方案给大家介绍了Android中Listview下拉刷新和上拉加载更多知识，非常不错，具有参考借鉴价值，需要的朋友参考下
Android ListView 下拉刷新、上拉加载
06-01
NULL 博文链接：https://geningaixin.iteye.com/blog/2034379
android ListView 动态追加数据
05-15
android ListView 动态追加数据 显示追加进度
自定义ListView下拉刷新上拉加载更多
leveretz的博客
04-27 448
自定义ListView下拉刷新上拉加载更多
Android ListView 下拉刷新demo
diuping20110926的博客
08-09 814
1.PullToRefreshListView.java 自定义 ListView 实现下拉刷新Java文件；4.activity_main.xml 主类布局文件加载自定义 PullToRefreshListView；3.MainActivity.java 主类 加载数据适配器显示自定义 ListView；2.pull_to_refresh_header.xml 下拉刷新功能布局文件；6.layout.xml listview item 布局文件；5.Myadapter.java 适配器代码；......
ListView的刷新
TopWilling的博客
10-19 932
1.整体刷新 @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         final ListVie
Android基础--ListView的刷新
yanwenyuan0304的专栏
10-30 2506
ListView的刷新 全局刷新 一、修改数据源 二、adapter.notifyDataSetChanged() 修改数据源必须在UI线程操作，修改完必须调用notifyDataSetChanged，负责会发生异常 局部刷新 ListView中某个item的内容被修改，只需要找到该item进行刷新即可 private void partialRefresh(ListView listView,i...
ListView下拉刷新
qq_44408913的博客
10-29 427
ListView下拉刷新 1.自定义ListView类 import android.content.Context; import android.os.Handler; import android.util.AttributeSet; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import android.widget.ImageView; import
Android中ListView下拉刷新的实现
游戏爱好者1199
08-07 849
ListView中的下拉刷新是非常常见的，也是经常使用的，看到有很多同学想要，那我就整理一下，供大家参考。那我就不解释，直接上代码了。 这里需要自己重写一下ListView,重写代码如下: [java] view plaincopy package net.loonggg.listview;      import java.util.
Android中ListView下拉刷新功能
翟浩浩Android专栏
11-17 4004
效果图： 项目结构： 代码： 自定义listView ReFlashListView package com.zhh.refreshlistview; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.vi
Android Listview下拉刷新数据
08-17 1900
Android listview仿新浪微博下拉刷新例子，其实所有此功能最早是国外实现的，现在网上能看到的都是基于这个例子，只是有些细节不同。算法上确实比较巧妙，直得学习一下。 AndroidManifest.xml 查看源码 打印? 01 xml version="1.0" encoding="utf-8"?>
android listview下拉刷新
最新发布
05-17
在 Android 中，可以使用 SwipeRefreshLayout 来实现 ListView 的下拉刷新功能。下面是一个简单的示例代码： 1. 首先，在 XML 布局文件中添加 SwipeRefreshLayout 和 ListView： ``` <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipe_container" android:layout_width="match_parent" android:layout_height="match_parent"> <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent"/> </android.support.v4.widget.SwipeRefreshLayout> ``` 2. 在 Java 代码中，初始化 SwipeRefreshLayout 和 ListView，并设置下拉刷新的监听器： ``` SwipeRefreshLayout swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_container); swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { // 执行下拉刷新的操作 // ... // 刷新完成后，调用 setRefreshing(false) 隐藏刷新进度条 swipeRefreshLayout.setRefreshing(false); } }); ListView listView = (ListView) findViewById(R.id.listview); // 设置 ListView 的适配器和数据 // ... ``` 在 onRefresh() 方法中，可以执行下拉刷新的操作，例如重新从服务器获取数据等等。刷新完成后，需要调用 setRefreshing(false) 方法来隐藏刷新进度条。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 37
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值