Android中ListView下拉刷新的实现

最新推荐文章于 2022-08-09 10:57:44 发布
最新推荐文章于 2022-08-09 10:57:44 发布
阅读量411 收藏
点赞数
分类专栏： android 控件 文章标签： android listview 界面

原文地址：http://blog.csdn.net/loongggdroid/article/details/9385535

先上图：



  • ListView中的下拉刷新是非常常见的，也是经常使用的，学习android遇到这里记录就下来吧。直接上代码了。

这里需要自己重写一下ListView,重写代码如下:

import java.util.Date;

import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

import com.example.weather.MainActivity.LvAdapter;

public class MyListView extends ListView implements OnScrollListener {
	private final static String TAG = "MyListView";
	
	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;
	private final static int LOADING = 4;

	// 实际的padding的距离与界面上偏移距离的比例
	private final static int RATIO = 3;
	private LayoutInflater inflater;

	// ListView头部下拉刷新的布局
	private LinearLayout headerView;
	private TextView lvHeaderTipsTv;
	private TextView lvHeaderLastUpdateTv;
	private ImageView lvHeaderArrow;
	private ProgressBar lvHeaderProgressBar;

	// 定义头部下拉刷新的布局高度
	private int headerContentheight;

	// 定义下拉刷新箭头图标动画
	private RotateAnimation animation;
	private RotateAnimation reverseAnimation;

	private int startY;
	private int state;
	private boolean isBack;

	// 用于保证startY的值在一个完整的touch时间中只被记录一次
	private boolean isRecored;

	private OnRefreshListener refreshListener;

	// 是否正在刷新
	private boolean isRefreshable;

	public MyListView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
		init(context);
	}

	public MyListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		init(context);
	}

	private void init(Context context) {
		setCacheColorHint(Color.TRANSPARENT);
		inflater = LayoutInflater.from(context);
		headerView = (LinearLayout) inflater.inflate(R.layout.lv_header, null);
		lvHeaderTipsTv = (TextView) headerView
				.findViewById(R.id.lvHeaderTipsTv);
		lvHeaderLastUpdateTv = (TextView) headerView
				.findViewById(R.id.lvHeaderlastUpdateTv);
		lvHeaderArrow = (ImageView) headerView.findViewById(R.id.lvHeaderArrow);
		// 设置下拉刷新图标的最小高度和宽度
		lvHeaderArrow.setMinimumWidth(70);
		lvHeaderArrow.setMinimumHeight(50);
		lvHeaderProgressBar = (ProgressBar) headerView
				.findViewById(R.id.lvheaderProgressBar);
		measureView(headerView);
		headerContentheight = headerView.getMeasuredHeight();
		// 设置内边距，正好距离顶部为一个负的整个布局的高度，正好把头部隐藏
		headerView.setPadding(0, -1 * headerContentheight, 0, 0);
		// 重绘一下
		headerView.invalidate();
		// 将下拉刷新的布局计入ListView的顶部
		addHeaderView(headerView, null, false);
		// 设置滚动监听事件
		setOnScrollListener(this);

		// 设置旋转动画事件
		animation = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF,
				0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
		animation.setInterpolator(new LinearInterpolator());
		animation.setDuration(250);
		animation.setFillAfter(true);

		reverseAnimation = new RotateAnimation(-180, 0,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		reverseAnimation.setInterpolator(new LinearInterpolator());
		reverseAnimation.setDuration(200);
		reverseAnimation.setFillAfter(true);

		// 一开始的状态就是下拉刷新完的状态,所有为DONE
		state = DONE;
		// 是否正在刷新
		isRefreshable = false;
	}

	/**
	 * 下拉刷新demo，此处是“估计”headView的width和height
	 * 
	 * @param child
	 */
	private void measureView(View child) {
		ViewGroup.LayoutParams params = child.getLayoutParams();
		if (params == null) {
			params = new ViewGroup.LayoutParams(
					ViewGroup.LayoutParams.FILL_PARENT,
					ViewGroup.LayoutParams.WRAP_CONTENT);
		}
		int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0,
				params.width);
		int lpheight = params.height;
		int childHeghtSpec;
		if (lpheight > 0) {
			childHeghtSpec = MeasureSpec.makeMeasureSpec(lpheight,
					MeasureSpec.EXACTLY);
		} else {
			childHeghtSpec = MeasureSpec.makeMeasureSpec(0,
					MeasureSpec.UNSPECIFIED);
		}
		child.measure(childWidthSpec, childHeghtSpec);
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		// TODO Auto-generated method stub

	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		// TODO Auto-generated method stub

	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		// TODO Auto-generated method stub
		if (isRefreshable) {
			switch (ev.getAction()) {
			case MotionEvent.ACTION_DOWN:
				if (!isRecored) {
					isRecored = true;
					startY = (int) ev.getY(); // 手指按下时记录当前位置
				}
				break;
			case MotionEvent.ACTION_UP:
				if (state != REFRESHING && state != LOADING) {
					if (state == PULL_To_REFRESH) {
						state = DONE;
						changeHeaderViewByState();
					}
					if (state == RELEASE_To_REFRESH) {
						state = REFRESHING;
						changeHeaderViewByState();
						onLvRefresh();
					}
				}
				isRecored = false;
				isBack = false;
				break;
			case MotionEvent.ACTION_MOVE:
				int tempY = (int) ev.getY();
				if (!isRecored) {
					isRecored = true;
					startY = tempY;
				}
				if (state != REFRESHING && isRecored && state != LOADING) {
					// 保证在设置padding的过程中，当前的位置一直是在head，否则如果当前列表超出屏幕的话，当在上推的时候，列表会同时进行滚动
					// 可以松开手去刷新了
					if (state == RELEASE_To_REFRESH) {
						setSelection(0);
						// 往上推了，推到了屏幕足够掩盖head的程度,但是还没有推到全部掩盖的地步
						if (((tempY - startY) / RATIO < headerContentheight)
								&& (tempY - startY) > 0) {
							state = PULL_To_REFRESH;
							changeHeaderViewByState();
						} else if (tempY - startY <= 0) {// 一下子推到顶了
							// 由松开刷新状态转变到done状态
							state = DONE;
							changeHeaderViewByState();
						}
					}
					// 还没有到达显示松开刷新的时候，DONE或者是PULL_To_REFRESH状态
					if (state == PULL_To_REFRESH) {
						setSelection(0);
						// 下拉到可以进入RELEASE_To_REFRESH的状态
						if ((tempY - startY) / RATIO >= headerContentheight) {
							// 由done或者下拉状态转变到松开刷新
							state = RELEASE_To_REFRESH;
							isBack = true;
							changeHeaderViewByState();
						}
						// 上推到顶了
						else if (tempY - startY <= 0) {
							// 由DONE或者下拉刷新状态转变到DONE状态
							state = DONE;
							changeHeaderViewByState();
						}
					}
					// DONE状态下
					if (state == DONE) {
						if (tempY - startY > 0) {
							state = PULL_To_REFRESH;
							changeHeaderViewByState();
						}
					}
					// 更新headerView的size
					if (state == PULL_To_REFRESH) {
						headerView.setPadding(0, -1 * headerContentheight
								+ (tempY - startY) / RATIO, 0, 0);
					}
					// 更新headerVIew的PaddingTop
					if (state == RELEASE_To_REFRESH) {
						headerView.setPadding(0, (tempY - startY) / RATIO
								- headerContentheight, 0, 0);
					}
				}
			default:
				break;
			}
		}
		return super.onTouchEvent(ev);
	}

	/**
	 * 当改变状态时，调用该方法，以更新界面
	 */
	private void changeHeaderViewByState() {
		switch (state) {
		case RELEASE_To_REFRESH:
			lvHeaderArrow.setVisibility(View.VISIBLE);
			lvHeaderProgressBar.setVisibility(View.GONE);
			lvHeaderTipsTv.setVisibility(View.VISIBLE);
			lvHeaderLastUpdateTv.setVisibility(View.VISIBLE);

			lvHeaderArrow.clearAnimation(); // 清除动画
			lvHeaderArrow.startAnimation(animation); // 开始动画效果

			lvHeaderTipsTv.setText("松开刷新");
			break;
		case PULL_To_REFRESH:
			lvHeaderProgressBar.setVisibility(View.GONE);
			lvHeaderTipsTv.setVisibility(View.VISIBLE);
			lvHeaderLastUpdateTv.setVisibility(View.VISIBLE);
			lvHeaderArrow.clearAnimation();
			lvHeaderArrow.setVisibility(View.VISIBLE);
			// 是由RELEASE_To_REFRESH状态转变来的
			if (isBack) {
				isBack = false;
				lvHeaderArrow.clearAnimation();
				lvHeaderArrow.startAnimation(reverseAnimation);
				lvHeaderTipsTv.setText("下拉刷新");
			} else {
				lvHeaderTipsTv.setText("下拉刷新");
			}
			break;
		case REFRESHING:
			headerView.setPadding(0, 0, 0, 0);

			lvHeaderProgressBar.setVisibility(View.VISIBLE);
			lvHeaderArrow.clearAnimation();
			lvHeaderArrow.setVisibility(View.GONE);
			lvHeaderTipsTv.setText("正在刷新...");
			lvHeaderLastUpdateTv.setVisibility(View.VISIBLE);
			break;
		case DONE:
			headerView.setPadding(0, -1 * headerContentheight, 0, 0);

			lvHeaderProgressBar.setVisibility(View.GONE);
			lvHeaderArrow.clearAnimation();
			lvHeaderArrow.setImageResource(R.drawable.head_arrow);
			break;
		}
	}

	public void setOnRefreshListener(OnRefreshListener refreshListener) {
		this.refreshListener = refreshListener;
		isRefreshable = true;
	}

	public interface OnRefreshListener {
		public void onRefresh();
	}

	public void OnRefreshComplete() {
		state = DONE;
		lvHeaderLastUpdateTv.setText("最近更新：" + new Date().toLocaleString());
		changeHeaderViewByState();
	}

	private void onLvRefresh() {
		if (refreshListener != null) {
			refreshListener.onRefresh();
		}
	}

	private void setAdapter(LvAdapter adapter) {
		lvHeaderLastUpdateTv.setText("最近更新：" + new Date().toLocaleString());
		super.setAdapter(adapter);
	}
}<span style="font-family: Arial; font-size: 14px; line-height: 26px; background-color: rgb(255, 255, 255);"> </span>


  • 重写完ListView之后，在布局文件中是这么使用的，头部下拉刷新的布局文件lv_header.xml代码如下：
<?xml version="1.0" encoding="utf-8"?>
<!-- ListView的头部 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#000000" >

    <!-- 内容 -->

    <RelativeLayout
        android:id="@+id/head_contentLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="30dp" >

        <!-- 箭头图像、进度条 -->

        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true" >

            <!-- 箭头 -->

            <ImageView
                android:id="@+id/lvHeaderArrow"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:src="@drawable/arrow" />

            <!-- 进度条 -->

            <ProgressBar
                android:id="@+id/lvHeaderProgressBar"
                style="?android:attr/progressBarStyleSmall"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:visibility="gone" />
        </FrameLayout>

        <!-- 提示、最近更新 -->

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:gravity="center_horizontal"
            android:orientation="vertical" >

            <!-- 提示 -->

            <TextView
                android:id="@+id/lvHeaderTipsTv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="下拉刷新"
                android:textColor="@color/white"
                android:textSize="20sp" />

            <!-- 最近更新 -->

            <TextView
                android:id="@+id/lvHeaderLastUpdatedTv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="上次更新"
                android:textColor="@color/gold"
                android:textSize="10sp" />
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

  • 在MainActivity中的调用：
    public class MainActivity extends ActionBarActivity {
	private List<String> list;
	private LvAdapter adapter;
	private MyListView listView;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		list = new ArrayList<String>();
		for (int i = 0; i < 5; i++) {
			list.add("item " + i);
		}
		adapter = new LvAdapter(list, this);
		listView = new MyListView(this);
		listView.setAdapter(adapter);
		setContentView(listView);
		listView.setOnRefreshListener(new OnRefreshListener() {
			
			@Override
			public void onRefresh() {
				// TODO Auto-generated method stub
				Log.e("Main", "onRefresh()");
				new AsyncTask<Void, Void, Void>() {

					@Override
					protected Void doInBackground(Void... params) {
						// TODO Auto-generated method stub
						try {
							Thread.sleep(1000);
						} catch (Exception e) {
							e.printStackTrace();
						}
						list.add("刷新后添加的内容");
						return null;
					}

					@Override
					protected void onPostExecute(Void result) {
						// TODO Auto-generated method stub
						super.onPostExecute(result);
						adapter.notifyDataSetChanged();
						listView.OnRefreshComplete();
					}
				}.execute(null,null,null);
			}
		});
	}

	public class LvAdapter extends BaseAdapter {
		private List<String> list;
		private Context context;

		public LvAdapter(List<String> list, Context context) {
			this.list = list;
			this.context = context;
		}

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return list.size();
		}

		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return list.get(position);
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			View view = LayoutInflater.from(context).inflate(
					android.R.layout.simple_list_item_1, null);
			((TextView) view.findViewById(android.R.id.text1)).setText(list
					.get(position));
			return view;
		}

	}

}


sinat_18973983
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android中ListView下拉刷新的实现代码
08-30
主要介绍了Android中ListView下拉刷新的实现代码的相关资料,需要的朋友可以参考下
Android 之 ListView 的数据更新问题
leyang0910的博客
06-12 819
我们前面已经学习了ListView的一些基本用法咧，但是细心的你可能发现了，我们的数据 一开始定义好的，都是静态的，但是实际开发中，我们的数据往往都是动态变化的，比如 我增删该了某一列，那么列表显示的数据也应该进行同步的更新，那么本节我们就来探讨 下ListView数据更新的问题，包括全部更新，以及更新其中的一项，那么开始本节内容！可以运行，运行后发现我们的页面并没有任何的数据，白茫茫的一片，这样的用户体验并不好， 我们可以通过调用ListView的一个。好的，我们弄个添加按钮，没按一次添加一条记录哈~
Android基础--ListView的刷新
yanwenyuan0304的专栏
10-30 2515
ListView的刷新 全局刷新 一、修改数据源 二、adapter.notifyDataSetChanged() 修改数据源必须在UI线程操作，修改完必须调用notifyDataSetChanged，负责会发生异常 局部刷新 ListView中某个item的内容被修改，只需要找到该item进行刷新即可 private void partialRefresh(ListView listView,i...
Android开发——ListView局部刷新的实现
关于Android开发的一些技术点总结 ╮(￣▽￣”)╭
04-07 6184
0. 前言 局部刷新，即只需要在数据发生变化时才去刷新ListView中对应的Item，数据未发生变化时不会去刷新ListView中对应的Item。对于getView()非常耗时的情况下将体现出极大的性能优化。局部刷新的功能早已经被集成在了RecycleView中，而且RecycleView还引入了增加和删除的动态效果等等，在性能上和定制上都有很大的改善。本篇着重介绍ListView中局部刷新的...
Android 如何刷新listview里面的内容
小游
12-06 656
本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问 在adapt里面自己定义一个方法就可以了 /*自定义刷新事件*/ public void Refresh(List<PostModel.postDetail> key){ keys=key; notifyDataSetChanged(); } ...
Android ListView 下拉刷新demo
diuping20110926的博客
08-09 816
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 适配器代码；......
Android类ListView下拉刷新控件实现
03-02
Android下拉刷新，在目前好多应用被使用到。比如微博，下拉刷新更多数据。一般我们在运用的ListView，本身就实现了下拉获取更多数据。只是这个下拉刷新的操作时在listView拉到底端的监听。对于ListView刷新，我们...
Android中ListView下拉刷新的实现方法
09-02
主要为大家详细介绍了Android中ListView下拉刷新的实现方法，感兴趣的小伙伴们可以参考一下
Android中ListView下拉刷新的实现方法实例分析
09-03
主要介绍了Android中ListView下拉刷新的实现方法,涉及Android操作ListView的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
Android应用源码 ListView下拉刷新 Demo
03-01
ListView下拉刷新 ListView下拉刷新ListView下拉刷新ListView下拉刷新
Android开发之ListView实现Item局部刷新
09-03
对于ListView数据的刷新大家都知道，改变Adapter的数据源，然后调用Adapter的notifyDateSetChanged()方法即可。通过本篇文章给大家详细介绍Android开发之ListView实现Item局部刷新，感兴趣的朋友一起学习吧
Android ListView 下拉刷新、上拉加载
06-01
NULL 博文链接：https://geningaixin.iteye.com/blog/2034379
Listview实现刷新和更新一条或多条数据
03-12
Listview实现刷新和更新一条或多条数据，包括添加一条或多条数据的demo合集
ListView刷新原理及实现
05-17
文章同步：http://blog.csdn.net/wgyscsf/article/details/51438130。没有积分请留言
Android中ListView动态刷新
12-01
Android中ListView用NotifyDataSetChanged实现添加数据时动态刷新
Android中Listview下拉刷新和上拉加载更多的多种实现方案
08-31
本文大概通过三种方案给大家介绍了Android中Listview下拉刷新和上拉加载更多知识，非常不错，具有参考借鉴价值，需要的朋友参考下
android开发教程之实现listview下拉刷新和上拉刷新效果
09-04
主要介绍了android实现listview下拉刷新和上拉刷新效果,Android的ListView上拉下拉刷新，原理都一样，在Touch事件中操作header/footer的paddingTop属性，需要的朋友可以参考下
Android自定义ListView实现下拉刷新
09-02
主要为大家详细介绍了Android自定义ListView实现下拉刷新的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android项目 ListView下拉刷新 Demo.rar
最新发布
03-26
Android项目 ListView下拉刷新 Demo 是一款专为开发者设计的实用工具，旨在帮助他们在Android应用中轻松实现ListView的下拉刷新功能。这款Demo不仅提供了直观的界面设计，还采用了高效的刷新机制，确保用户在浏览...
androidlistview实现下拉刷新
12-24
这样就可以很方便地在Android应用中实现下拉刷新功能了。同时，为了提升用户体验，还可以在下拉刷新时显示一些动画或文字提示，让用户能够清晰地知道正在进行刷新操作。通过这种方式，能够使应用更加流畅、便捷、...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值