ListView和AsyncTask结合实现下拉刷新

最新推荐文章于 2017-12-27 14:42:00 发布
最新推荐文章于 2017-12-27 14:42:00 发布
阅读量830 收藏
点赞数
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/waniu123/article/details/44708465
版权

无疑，在Android开发中，ListView是使用非常频繁的控件之一，ListView提供一个列表的容易，允许我们以列表的形式将数据展示到界面上，但是Google给我们提供的原生ListView的控件，虽然在功能上很强大，但是在用户体验和动态效果上，还是比较差劲的。为了改善用户体验，市面上纷纷出现了各种各样的自定义的ListView，他们功能强大，界面美观，使我们该需要学习的地方。其中，使用最频繁的功能无疑就是ListView的下拉刷新和上拉加载数据了，几乎在每一款内容型的App中都可以找到这种控件的身影，尤其是需要联网获取数据的模块，使用的就更为频繁了，so，我们很有必要了解下这种效果是怎么实现的。

说白了实现ListView的下拉刷新和上拉加载数据的功能无非是对ListView实现加header和加footer，在适当的时候分别显示header和footer，然后又在适当的时候隐藏header和footer。主要是根据ListView的setPadding、addHeaderView和addFooterView等方法来实现。AsyncTask,是android提供的轻量级的异步类,可以直接继承AsyncTask,在类中实现异步操作,并提供接口反馈当前异步执行的程度(可以通过接口实现UI进度更新),最后反馈执行的结果给UI主线程.

        下面就ListView和AsyncTask如何实现数据加载和下拉刷新和上拉加载数据的具体代码，代码注释很详细：

源码下载源码下载

自定义MyListView ：

package cn.zxw.pull.refresh.view;

import java.text.SimpleDateFormat;
import java.util.logging.SimpleFormatter;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import cn.zxw.pull.refresh.R;

public class MyListView extends ListView implements OnScrollListener {

	// 加载数据的接口
	public interface OnListViewLoadDataListener {

		public void onLoadNewData();

		// 加载更多数据
		public void onLoadMoreData();
	}

	private OnListViewLoadDataListener onListViewLoadDataListener;

	public void setOnListViewLoadDataListener(
			OnListViewLoadDataListener onListViewLoadDataListener) {
		this.onListViewLoadDataListener = onListViewLoadDataListener;
	}

	private static final String TAG = "MyListView";
	private View header;
	private ImageView iv_arrow;
	private ProgressBar pb;
	private TextView tv_state;
	private TextView tv_time;
	private int height;

	enum HeaderState {
		PULL_DOWN_REFRESH, // 下拉刷新
		RELEASE_REFRESH, // 释放刷新
		REFRESHING// 正在刷新
	}

	// 设置默认状态
	private HeaderState state = HeaderState.PULL_DOWN_REFRESH;
	// ListView头文字的信息
	private String[] stateInfos = new String[] { "下拉刷新", "释放刷新", "正在刷新" };

	public MyListView(Context context) {
		super(context);
	}

	public MyListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initHead();
		initFooter();
		setOnScrollListener(this);
	}

	/**
	 * 初始化footer
	 */
	private void initFooter() {

		footer = View.inflate(getContext(), R.layout.footer, null);
		footer.measure(0, 0);
		footerHeight = footer.getMeasuredHeight();
		footer.setPadding(0, -footerHeight, 0, 0);
		addFooterView(footer);
	}

	/**
	 * 初始化listview的头部
	 */
	private void initHead() {
		header = View.inflate(getContext(), R.layout.header, null);
		iv_arrow = (ImageView) header.findViewById(R.id.iv_arrow);
		pb = (ProgressBar) header.findViewById(R.id.pb);
		tv_state = (TextView) header.findViewById(R.id.tv_state);
		tv_time = (TextView) header.findViewById(R.id.tv_time);
		pb.setVisibility(View.INVISIBLE);// 隐藏pb
		addHeaderView(header);// 添加header，然后要隐藏header
		//int height = header.getHeight(); 如果一个控件没有显示 是无法获取宽高  layout
		header.measure(0, 0);//Android中控件的位置必须先测量
		height = header.getMeasuredHeight();//获取控件的高度
		header.setPadding(0, -height, 0, 0);// 隐藏控件，即是将控件设置在屏幕顶部之外
	}

	public MyListView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	private boolean isLoadingData = false;// 是否加载更多数据

	// 滑动状态改变
	// 闲置和飞行状态 listview必须是已经显示到最后下处理
	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		int lastVisiblePosition = getLastVisiblePosition();// 获取listview最后显示的下标
		int count = getAdapter().getCount();
		// 闲置状态和飞行状态 还必须是ListView已经显示到最后 没有在加载数据
		if ((scrollState == OnScrollListener.SCROLL_STATE_IDLE || scrollState == OnScrollListener.SCROLL_STATE_FLING)
				&& lastVisiblePosition == count - 1 && !isLoadingData) {
			isLoadingData = true;
			footer.setPadding(0, 0, 0, 0);
			// 脚其实还是没有显示
			setSelection(count);
			if (onListViewLoadDataListener != null) {
				onListViewLoadDataListener.onLoadMoreData();
			}

		}
		switch (scrollState) {
		case OnScrollListener.SCROLL_STATE_IDLE:// 闲置

			break;
		case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:// 滑动
			break;
		case OnScrollListener.SCROLL_STATE_FLING:// 飞行
			break;

		default:
			break;
		}
	}

	/**
	 * firstVisibleItem 屏幕上显示的第一个条目的下标 
	 *visibleItemCount 屏幕上显示的条目总数 
	 * totalItemCount 条目总数
	 */
	private int firstVisibleItem;// 记录第一个条目位置

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		this.firstVisibleItem = firstVisibleItem;
		Log.i(TAG, "firstVisibleItem:" + firstVisibleItem);

	}

	private int startY;
	private int footerHeight;
	private View footer;

	// 滑动改变header
	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			Log.i(TAG, "ACTION_DOWN");
			startY = (int) ev.getY();
			break;
		case MotionEvent.ACTION_MOVE:
			Log.i(TAG, "ACTION_MOVE");
			// 显示的是第一个条目
			if (firstVisibleItem == 0 && state != HeaderState.REFRESHING) {
				int moveY = (int) ev.getY();
				int disY = moveY - startY;
				// 控制header的显示
				int top = -height + disY;
				if (top > 0 && state == HeaderState.PULL_DOWN_REFRESH) {// 原来是下拉刷新
																		// 现在置为释放刷新
					state = HeaderState.RELEASE_REFRESH;
					RotateAnimation animation = getRotateAnimation1();
					iv_arrow.setAnimation(animation);
					tv_state.setText(stateInfos[1]);
				} else if (top <= 0 && state == HeaderState.RELEASE_REFRESH) {
					// 原来是释放刷新 现在变为下拉刷新
					state = HeaderState.PULL_DOWN_REFRESH;
					RotateAnimation animation = getRotateAnimation2();
					iv_arrow.setAnimation(animation);
					tv_state.setText(stateInfos[2]);

				}
				header.setPadding(0, top, 0, 0);

			}
			break;
		case MotionEvent.ACTION_UP:
			Log.i(TAG, "ACTION_UP");
			// 用户松开手指：1 下拉刷新 2 释放刷新
			if (state == HeaderState.PULL_DOWN_REFRESH) {
				// 把头直接隐藏
				header.setPadding(0, -height, 0, 0);
			} else if (state == HeaderState.RELEASE_REFRESH) {
				// 把头显示在第一行 作为一个正常的显示
				// 把头的状态进行改变
				header.setPadding(0, 0, 0, 0);
				state = HeaderState.REFRESHING;
				iv_arrow.clearAnimation();// 清除动画
				iv_arrow.setVisibility(View.INVISIBLE);
				// 箭头无法隐藏：iv_arrow有动画
				pb.setVisibility(View.VISIBLE);
				tv_state.setText(stateInfos[2]);
				// 通知activity加载数据
				if (onListViewLoadDataListener != null) {
					onListViewLoadDataListener.onLoadNewData();
				}
			}
			break;

		default:
			break;
		}
		return super.onTouchEvent(ev);
	}

	public RotateAnimation getRotateAnimation1() {
		RotateAnimation rotateAnimation = new RotateAnimation(0, -180,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		rotateAnimation.setDuration(200);
		rotateAnimation.setFillAfter(true);
		return rotateAnimation;

	}

	public RotateAnimation getRotateAnimation2() {
		RotateAnimation rotateAnimation = new RotateAnimation(-180, -360,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		rotateAnimation.setDuration(200);
		rotateAnimation.setFillAfter(true);
		return rotateAnimation;

	}

	// 隐藏头
	// 1.状态改为下拉刷新
	// 2.隐藏进度条 显示箭头 修改文字
	// 3.刷新的事件
	// 4.header设置padding
	public void hideHeader() {
		state = HeaderState.PULL_DOWN_REFRESH;
		pb.setVisibility(View.INVISIBLE);
		iv_arrow.setVisibility(View.VISIBLE);
		tv_state.setText(stateInfos[0]);
		long mills = System.currentTimeMillis();
		SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");
		String dateStr = format.format(mills);
		tv_time.setText("上次刷新的时间为：" + dateStr);
		header.setPadding(0, -height, 0, 0);
	}

	// 隐藏footer
	public void hideFooter() {
		footer.setPadding(0, -footerHeight, 0, 0);
		isLoadingData = false;
	}
}
MainActivity： 
package cn.zxw.pull.refresh;

import java.util.ArrayList;
import java.util.List;

import cn.zxw.pull.refresh.view.MyListView;
import cn.zxw.pull.refresh.view.MyListView.OnListViewLoadDataListener;
import android.os.AsyncTask;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.os.SystemClock;
import android.app.Activity;
import android.widget.ArrayAdapter;

public class MainActivity extends Activity implements
		OnListViewLoadDataListener {

	protected static final int SUCCESS_LOAD_NEW_DATA = 0;
	protected static final int SUCCESS_LOAD_MORE_DATA =1;
	private MyListView lv;
	private ArrayAdapter<String> adapter;
	private List<String> objects;
	Handler handler = new Handler() {
		public void handleMessage(android.os.Message msg) {
			switch (msg.what) {
			case SUCCESS_LOAD_NEW_DATA:
				String data = (String) msg.obj;
				objects.add(0,data);
				adapter.notifyDataSetChanged();
				lv.hideHeader();
				break;
				case SUCCESS_LOAD_MORE_DATA:
					List<String> list = (List<String>) msg.obj;
					objects.addAll(list);
					adapter.notifyDataSetChanged();
					lv.hideFooter();
					break;
			default:
				break;
			}
		};
	};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		lv = (MyListView) findViewById(R.id.lv);
		// 值的初始化
		objects = new ArrayList<String>();
		for (int i = 0; i < 13; i++) {
			objects.add("初始化的数据" + i);
		}
		adapter = new ArrayAdapter<String>(getApplication(),
				android.R.layout.simple_list_item_1, android.R.id.text1,
				objects);
		lv.setAdapter(adapter);
		lv.setOnListViewLoadDataListener(this);

	}

	@Override
	public void onLoadNewData() {

		new Thread() {
			public void run() {
				SystemClock.sleep(3000);
				String data = "加载的数据";
				Message msg = Message.obtain();
				msg.what = SUCCESS_LOAD_NEW_DATA;
				msg.obj = data;
				handler.sendMessage(msg);
			};
		}.start();
	}

	@Override
	public void onLoadMoreData() {
		new MyAsyncTask().execute("");
	}
	//Params 参数：一般都是要执行下载的路径  String    Progress    进度条的值 Integer, Result 结果 Bitmap  String  List<String>  
	private class MyAsyncTask extends AsyncTask<String , Integer, List<String>>{
		//准备
		@Override
		protected void onPreExecute() {
			super.onPreExecute();
		}
		//执行后台的耗时操作
		@Override
		protected List<String> doInBackground(String... params) {
			SystemClock.sleep(3000);
			List<String> list=new ArrayList<String>();
			for (int i = 0; i <5; i++) {
				list.add("加载更多数据"+i);
			}
			return list;
		}
		//下载完成后
		@Override
		protected void onPostExecute(List<String> result) {
			super.onPostExecute(result);
			objects.addAll(result);
			adapter.notifyDataSetChanged();
			lv.hideFooter();
		}
		//必须是有另外一个方法的调用才会调用该方法 
	   //publishProgress()  该方法一般都是在doInBackground(String... params)里面调用
		@Override
		protected void onProgressUpdate(Integer... values) {
			super.onProgressUpdate(values);
		}
		
		
	}

}
如果想详细知道AsyncTask可以参考 scott's的博客


骑着蜗牛去迪拜
关注
专栏目录
listView异步加载（多线程和AsyncTask)以及缓存的使用
04-13
用多线程和AsyncTask两种方式去实现ListView上的网络图片异步加载，其中涉及到到Json的数据解析，根据网络连接获取图片等知识。并添加了缓存机制。
Android精通之AsyncTask与ListView讲解
程序员哆啦A梦，蓝胖子
07-04 868
版权声明：未经博主允许不得转载AsyncTask了解AsyncTask异步，需要了解一下异步任务（多线程），什么是线程，可以这么说线程好比边吃饭边看电视，AsyncTask是为了方便后台线程中操作更新UI，本质为Handler异步消息处理机制。学习AsyncTask需要知道它的参数&lt;Params,Progress,Result&gt;，它要实现的方法onPreExcecute()，onPos...
利用 Android异步任务AsyncTask 实现ListView 图文混排
rorntuck7的专栏
12-02 1172
1.布局文件  activity_main.xml   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
Android 博客园客户端 （八） 下拉刷新、分页，AsyncTask
weixin_30415113的博客
10-26 88
一直以来，无论是博客、新闻、还是推荐用户列表。只能加载固定的数量，也没有刷新功能。 为了实现这个功能，也试过很多第三方的开源控件，如PullToRefreshListVie等。无意中发现了Google官方发布了一个新的控件（SwipeRefreshLayout），支持下拉刷新，这个控件在Google应用中都有出现过。效果也是非常的不错。 具体的使用方法及代码如下： 1 <Line...
40_AsyncTask实现ListView刷新滚动
Lich Howger
04-16 271
ListViewDemo:自定义的下拉刷新和加载更多Demo
06-30
`ListViewDemo:自定义的下拉刷新和加载更多Demo`是一个典型的Android项目，它展示了如何通过自定义实现为ListView添加下拉刷新（Pull-to-Refresh）和加载更多（Load More）功能，以提升用户体验。这个Demo基于Java...
listView上拉加载和下拉刷新
08-24
`ListView`的上拉加载和下拉刷新功能是提高用户体验的重要特性，特别是在处理无限滚动列表或者需要实时更新数据的场景下。本教程将深入讲解如何自定义ListView来实现这两个功能。 首先，下拉刷新功能让用户能够通过...
项目中可以直接使用的listview上拉加载和下拉率刷新
05-06
在Android应用开发中，ListView是常用的视图组件...通过理解和实现上述知识点，开发者可以为自己的Android应用添加高效且用户友好的列表刷新和加载更多功能。这对于任何处理大量动态数据的应用来说都是不可或缺的特性。
android应用源码Android重写listview实现下拉刷新.zip
12-04
本教程将通过一个名为"android应用源码Android重写listview实现下拉刷新.zip"的压缩包，深入探讨如何在Android中自定义ListView并实现下拉刷新功能。这个压缩包包含了一份用于学习和参考的源码，主要涉及以下几个...
android自定义ListView控件实现下拉刷新
09-27
在实现过程中，可以参考现有的开源库，如SwipeRefreshLayout，它提供了更完善的下拉刷新和上拉加载更多的功能。不过，自定义实现可以帮助我们更好地理解和控制刷新过程，也可以根据需求进行定制。 在`...
PullToRefreshListView 上拉加载，下拉刷新 + AsyncTask 网络请求 + gson 自动解析
zhao1332424656的博客
03-17 535
public class TuiJianFrag extends Fragment { private int numder=0; private PullToRefreshListView pull; private ArrayList data; private ArrayList list=new ArrayList<>(); private Sho
ListView结合AsyncTask获取数据
Why_Soulmate的博客
11-01 488
首先封装一个工具类 以方便在主方法调用它的方法 /**  * Created by Wuhuiying on 2017/10/31.  */ public class Netutil { private static String tag="getJson";     public static  String getJson(String urls){
ListView数据异步加载与AsyncTask
aichangai9737的博客
09-02 196
主Activity public class MainActivity extends Activity { ListView listView; File cache; Handler handler = new Handler(){ public void handleMessage(Message msg...
AsyncTask异步；ListView列表展示数据
weixin_30332241的博客
12-27 115
AsyncTask异步ListView列表展示数据 libs文件夹下加入jar包（导包）：gson ======================================= 添加权限： 网络请求权限：INTERNET<uses-permission android:name="android.permission.INTERNET"/>网络判断权限：...
AsyncTask案例——异步加载ListView内容，包括优化
我的专栏
07-16 1829
1. 第一步：创建ListView中每一项item的页面布局itemlayout.xml： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content
JSON 解析 + listView + AsyncTask 的结合使用做个菜谱应用（总结）
huang450824239的博客
09-20 973
最近学的，现在来总结一下，也有几天没看了，所谓三天不练手生。所以还是得经常总结，复习复习。
ListView的异步加载（笔记，多线程和AsyncTask)
逆风的方向 更适合飞翔
04-13 4574
异步加载最常用的两种方式： 多线程，线程池     AsyncTask 实例操作： 从一个网站上获取Json数据，然后将数据在ListView上显示。 1.创建item_layout布局 ， 修改主界面布局 item_layout.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/androi
Android中listview条目中按钮点击事件的实现
热门推荐
waniu123的专栏
10-31 1万+
大家都知道Android中listview是一个常用的控件，也是一个比较复杂的控件，一般实现listview的条目点击事件就是给listview实现setOnItemClickListener的方法就行，但是当我们遇到listview中的有按钮的时候想实现 按钮的点击事件这样做是不行的，比如QQ空间的说说评论和点赞其实就是相当于两个按钮。一般实现这两个按钮的点击事件归结为一种思想---接口回调。
Android拖拽的ExpandableListView
waniu123的专栏
11-24 1720
正如我们知道的listview在Android中是一个常用的控件，很多app都喜欢在Listview上面做文章，拖动排序就是一中常见的，github上面有一个很好的demo。ExpandableListView顾名思义就是Listview的一个扩展，用来分组Listview，比如QQ好友列表，既然Listview可以拖拽排序，ExpandableListView当然也是可以排序的，看到了一些dem
安卓实现下拉刷新：自定义组合View策略
"本文主要介绍如何在Android平台上实现下拉刷新功能，采用的是自定义布局的方式，结合LinearLayout、ListView和触摸事件监听来实现这一常见UI交互。" 在Android开发中，下拉刷新功能是一个常见的用户界面特性，允许...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值