ListView下拉刷新（PullToRefresh）

最新推荐文章于 2020-10-29 16:28:06 发布
最新推荐文章于 2020-10-29 16:28:06 发布
阅读量770 收藏 1
点赞数
分类专栏： Android 文章标签： android 下拉刷新 ListView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songshiMVP1/article/details/50424124
版权

1、首先准备一个ListView；（代码不粘）

2、设置下拉是出现的头部布局header.xml（下拉加载界面）：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <!-- 下拉时，显示的背面布局 -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="10dip"
        android:paddingTop="10dip" >

        <LinearLayout
            android:id="@+id/layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:orientation="vertical" >

            <!-- 下拉刷新文字提示部分 -->
            <TextView
                android:id="@+id/tip"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="下拉可以刷新！" />

            <TextView
                android:id="@+id/lastUpdate_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
        </LinearLayout>

        <!-- 箭头 -->
        <ImageView
            android:id="@+id/arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dip"
            android:layout_toLeftOf="@id/layout"
            android:src="@drawable/pull_to_refresh_arrow" />

        <!-- 进度条默认不显示，只有加载更多的时候才显示 -->
        <ProgressBar
            android:id="@+id/progress"
            style="?android:attr/progressBarStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dip"
            android:layout_toLeftOf="@id/layout"
            android:visibility="gone" />
    </RelativeLayout>

</LinearLayout>

3、新建类RefreshListView类：

package com.example.pulltorefresh;

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.AbsListView.OnScrollListener;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

public class RefreshListView extends ListView implements OnScrollListener {

	public RefreshListView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		initView(context);
		// TODO Auto-generated constructor stub
	}

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

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

	View header; // 顶部布局文件
	int headerHeight; // 顶部布局文件的高度

	// 初始化界面，添加顶部布局文件到ListView
	private void initView(Context context) {
		LayoutInflater inflater = LayoutInflater.from(context);
		header = inflater.inflate(R.layout.header, null);

		measureView(header);// 通知父布局，占用的宽和高

		headerHeight = header.getMeasuredHeight();
		// Log.i("headerHeight", "headerHeight"+headerHeight);
		topPadding(-headerHeight); // 传入的是高度值的负值,隐藏顶部布局
		this.addHeaderView(header); // “添加”顶部布局文件

		this.setOnScrollListener(this); // 设置滚动的监听事件
	}

	// 设置header布局上边距
	private void topPadding(int topPadding) {
		header.setPadding(header.getPaddingLeft(), topPadding,
				header.getPaddingRight(), header.getPaddingBottom());
		header.invalidate();
	}

	// 通知父布局，占用的宽和高
	private void measureView(View view) {
		ViewGroup.LayoutParams lp = view.getLayoutParams();
		if (lp == null) {
			lp = new ViewGroup.LayoutParams(
					ViewGroup.LayoutParams.WRAP_CONTENT,
					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);
	}

	int curScrollState;// 当前滚动状态

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		// TODO Auto-generated method stub
		this.curScrollState = scrollState;
	}

	int firstVisibleItem;// 当前界面第一个可见的item的位置；
	boolean isRemark;// 标记当前是在ListView最顶端摁下的；
	int startY;// 开始Y值

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		// TODO Auto-generated method stub
		this.firstVisibleItem = firstVisibleItem;// 通过判断firstVisibleItem，来判断是否在最顶端
	}

	IReflashListenter reflashListenter;
	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		// TODO Auto-generated method stub
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			if (firstVisibleItem == 0) {
				isRemark = true;
				startY = (int) ev.getY();
			}
			break;

		case MotionEvent.ACTION_MOVE:
			onMove(ev);
			break;
		case MotionEvent.ACTION_UP:
			if (state == RELESH) {
				state = REFRESHING;
				
				// 加载最新数据
				reflashViewByState();
				
				reflashListenter.onReflash();
				
			} else if (state == PULL) {
				state=NONE;
				isRemark=false;
				reflashViewByState();
			}
			break;

		}

		return super.onTouchEvent(ev);
	}

	// 判断移动过程中的操作
	int state; // 当前状态
	final int NONE = 0; // 正常状态
	final int PULL = 1; // 提示下拉状态
	final int RELESH = 2; // 提示松开释放状态
	final int REFRESHING = 3; // 正在刷新状态

	private void onMove(MotionEvent ev) {
		// TODO Auto-generated method stub
		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
					&& curScrollState == SCROLL_STATE_TOUCH_SCROLL) {
				state = RELESH;
				reflashViewByState();
			}
			break;

		case RELESH:
			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 animation1 = new RotateAnimation(0, 180,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f);
		animation1.setDuration(500);
		animation1.setFillAfter(true);
		RotateAnimation animation2 = new RotateAnimation(180, 0,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f);
		animation1.setDuration(500);
		animation1.setFillAfter(true);
		
		switch (state) {
		case NONE:
			topPadding(-headerHeight);
			arrow.clearAnimation();
			break;

		case PULL:
			arrow.setVisibility(View.VISIBLE);
			progress.setVisibility(View.GONE);
			tip.setText("下拉可以刷新!");
			arrow.clearAnimation();
			arrow.setAnimation(animation2);
			break;
		case RELESH:
			arrow.setVisibility(View.VISIBLE);
			progress.setVisibility(View.GONE);
			tip.setText("松开可以刷新!");
			arrow.clearAnimation();
			arrow.setAnimation(animation1);
			break;
		case REFRESHING:
			topPadding(50);
			arrow.setVisibility(View.GONE);
			progress.setVisibility(View.VISIBLE);
			arrow.clearAnimation();
			tip.setText("正在刷新...");
			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 setInterface(IReflashListenter reflashListenter){
		this.reflashListenter=reflashListenter;
	}
	
	//刷新数据接口
	public interface IReflashListenter{
		public void onReflash();
	}
}

4、MainActivity：

package com.example.pulltorefresh;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.SimpleAdapter;

import com.example.pulltorefresh.RefreshListView.IReflashListenter;

public class MainActivity extends Activity implements IReflashListenter, OnItemClickListener {
	private RefreshListView listView;
	private int NewsIcon[] = { R.drawable.tools1, R.drawable.tools2,
			R.drawable.tools3, R.drawable.tools4, R.drawable.games1,
			R.drawable.games2, R.drawable.games3, R.drawable.games4,
			R.drawable.games5, R.drawable.games6 };
	private String NewsName[] = { "ToolsItem1", "ToolsItem2", "ToolsItem3",
			"ToolsItem4", "GamesItem1", "GamesItem2", "GamesItem3",
			"GamesItem4", "GamesItem5", "GamesItem6" };
	private SimpleAdapter adapter;
	private List<Map<String, Object>> NewsDataList;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		listView = (RefreshListView) findViewById(R.id.newsListView);
		listView.setInterface(this);
		NewsDataList = new ArrayList<Map<String, Object>>();
		adapter = new SimpleAdapter(this, getNewsData(),
				R.layout.news_tab_item,
				new String[] { "NewsImage", "NewsName" }, new int[] {
						R.id.newsImageViewItem, R.id.newssName });
		listView.setAdapter(adapter);
		listView.setOnItemClickListener(this);
	}
	
	

	private List<? extends Map<String, ?>> getNewsData() {
		// TODO Auto-generated method stub
		for (int i = 0; i < NewsIcon.length; i++) {
			Map<String, Object> GamesMap = new HashMap<String, Object>();
			GamesMap.put("NewsImage", NewsIcon[i]);
			GamesMap.put("NewsName", NewsName[i]);
			NewsDataList.add(GamesMap);
		}
		return NewsDataList;
	}

	//获取刷新数据
	private List<? extends Map<String, ?>> getReflashNewsData() {
		// TODO Auto-generated method stub
		for (int i = 0; i < 2; i++) {
			Map<String, Object> GamesMap = new HashMap<String, Object>();
			GamesMap.put("NewsImage", NewsIcon[i]);
			GamesMap.put("NewsName", NewsName[i]+"刷新数据"+i);
			NewsDataList.add(0,GamesMap);
		}
		return NewsDataList;
	}
	
	@Override
	public void onItemClick(AdapterView<?> parent, View view, int position,
			long id) {
		// ListView的点击事件
		
	}

	@Override
	public void onReflash() {
		// TODO Auto-generated method stub
		Handler handler=new Handler();
		handler.postDelayed(new Runnable() {
			
			@Override
			public void run() {
				// TODO Auto-generated method stub
				//获取最新数据
				getReflashNewsData();
				//通知界面显示刷新数据				
				adapter = new SimpleAdapter(MainActivity.this, NewsDataList,
						R.layout.news_tab_item,
						new String[] { "NewsImage", "NewsName" }, new int[] {
								R.id.newsImageViewItem, R.id.newssName });   //传入的是整个（新旧）NewsDataList
				listView.setAdapter(adapter);
				//通知ListView刷新数据完毕
				listView.reflashComplete();
			}
		}, 2000);//此处是为了“表面上看上去有刷新延迟的效果”，实际应用中不需要
		
	}

}

5、效果图：










完整代码：https://github.com/songshimvp/AndroidStudy/tree/master/PullToRefresh

松狮MVP
关注
专栏目录
android自定义ListView控件实现下拉刷新
09-27
android自定义ListView控件实现下拉刷新 详情请看：http://blog.csdn.net/wild46cat/article/details/52679082
Android应用源码 ListView下拉刷新 Demo
03-01
ListView下拉刷新功能是现代移动应用中的一个常见特性，允许用户通过下拉列表来获取最新的数据，如社交媒体的新消息或天气更新。这个"Android应用源码 ListView下拉刷新 Demo"提供了一个实际的例子，帮助开发者了解...
ListView实现下拉刷新
xyTianZhao
05-11 1037
最近做的一个小东西，牵扯到了几个ListView的数据更新问题，几个数据之间有相互关系。就想到了ListView的下拉刷新了。      ListView的下拉刷新总共分为四个步骤：                 第一步：添加提示界面，即ListView的header头布局；           第二步：监听ListView滚动事件，即onScrollListener（）事件；     
PullToRefreshListView刷新
p_19971113的博客
08-19 517
需要导入的依赖： implementation 'com.google.code.gson:gson:2.2.4' implementation 'com.google.guava:guava:16.0.1' 需要导入的包文件 implementation project(':pullToRefresh') implementation project(':imageloaderli...
Android 实现简单的ListView下拉刷新
qq_28996795的博客
11-25 900
首先了解刷新的原理 参考:http://blog.csdn.net/guolin_blog/article/details/9255575 下面是实现的效果: xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/r...
安卓ListView下拉刷新和加载(三)
不忘初心
05-02 1150
安卓ListView总结(一)     安卓ListView性能优化(二)     安卓ListView下拉刷新和加载(三) RefreshListView.java:import java.text.SimpleDateFormat; import java.util.Date; import android.content.Context; import android.util.A...
Android实现简单的下拉刷新pulltorefresh
01-20
【Android实现简单的下拉刷新】 在Android应用开发中，下拉刷新（Pull-to-Refresh）功能是一项常见的需求，它允许用户通过下拉列表视图来刷新数据。本篇文章将介绍如何实现一个自定义的简单下拉刷新功能，避免网上...
android开发教程之实现listview下拉刷新和上拉刷新效果
09-04
在Android开发中，ListView是常用的数据展示控件，但默认情况下并不支持下拉刷新和上拉加载更多功能。为了提供这种用户体验，开发者通常需要自定义ListView或者使用第三方库来实现。本教程将介绍如何手动实现一个...
Android使用PullToRefresh完成ListView下拉刷新和左滑删除功能
01-20
总之，通过PullToRefresh库，开发者可以轻松地为ListView添加下拉刷新和上拉加载更多功能，而左滑删除则需要结合其他技术来实现。对于初学者，这是一个很好的实践项目，可以帮助理解Android UI组件和手势交互的实现...
原来Android ListView下拉刷新真的很简单
一切都刚开始
11-28 1531
千里执行，始于足下。做了这个下拉刷新，这是我自己的想告诫自己的。说白了，自己最近真的太懒了。实在是太懒了。。。。。。没等做完就发现这其实是个很简单的东西，偏偏以前觉得好高端，好大气，好上档次。。。哎。 一、思路：        通过重写ListView，在ListView创建对象的时候添加一个headerView(通过addHeaderView方法)，然后将headerView隐藏在最上面，监
Xamarin 简易知乎日报客户端 有ListView滑动取消加载、静止异步加载、下拉刷新、上拉加载的功能
11-15
Xamarin 简易知乎日报客户端 有ListView滑动取消加载、静止异步加载、下拉刷新、上拉加载的功能 [注：本内容来自网络，在此分享仅为帮助有需要的网友，如果侵犯了您的权利，麻烦联系我，我会第一时间删除，谢谢您。]
C# xamarin android listview简单使用
11-16
C# xamarin android listview简单使用，希望能够帮助到大家。
PullToRefreshListView的使用
wangxinrun06的博客
10-23 283
private PullToRefreshListView pullToRefreshListView; private LinkedList linkedList=new LinkedList<>(); private ImageLoader imageLoader; private MAdapter mAdapter; private String url="http://www.meirix
PullToRefreshListView 具体使用方法
技术小白
04-24 614
   准备工作： 第一步：导入pullToRefresh的工程，注意需要16版本的sdk,与19版本的构建工具（ 需要连网下载）第二步：将工程作为依赖库添加到自己的工程中使用步骤： 第一步：在布局文件中添加PullToRefreshScrollView组件   ptr:ptrDrawable="@drawable/default_ptr_flip":刷新时显示的图片    ptr:ptrAnima...
swipeListView 和 PullToRefreshView 合体！
qq_17511269的专栏
04-16 1372
下拉刷新+侧滑菜单的功能利用两个开源框架：Android-PullToRefresh以及SwipeListView。
PullToRefreshListView 史上最详解释
hdhhd的博客
04-17 4367
  PullToRefreshListView是使用pullToRefresh的框架 需要Import Module导入 然后添加依赖 里面的版本号要一致 版本号在build.gradle里面 有几个值得注意的地方： 1. PullToRefreshListView 实现下拉或者上拉加载时候，可能在上拉完成时候，调用onRefreshComplete方法去停止刷新操作，但是，可能无效，测试产...
Android ListView图文并排+下拉刷新+上拉加载更多
清山博客
12-18 540
一、效果图： 二、代码结构： 三、布局文件 1.activity_main.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/...
ListView下拉刷新
qq_44408913的博客
10-29 463
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 PullToRefresh实现ListView下拉刷新与上拉加载
在Android开发中，实现ListView的下拉刷新和上拉加载...通过以上步骤，开发者可以成功地在Android应用中使用PullToRefresh框架实现ListView的下拉刷新和上拉加载更多功能，同时还可以根据项目需求调整布局和交互体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值