自定义下拉刷新ListView

最新推荐文章于 2017-05-07 18:45:10 发布
置顶 最新推荐文章于 2017-05-07 18:45:10 发布
阅读量334 收藏
点赞数
分类专栏： Android项目之自定义View
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34425670/article/details/51034662
版权

Github上有开源的下拉刷新listview（PullToRefresh）大家可以去搜索一下

1、首先继承ListView

package com.example.test;

import java.text.SimpleDateFormat;
import java.util.Date;

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

public class MyListView extends ListView implements OnScrollListener {

	private static final String TAG = "MyListView";
	/**
	 * 数据加载模式 false为加载底部数据 
	 * true为加载上面数据
	 */
	private static boolean Mode = false;
	/**
	 * 第一头布局
	 */
	private View headView;
	/**
	 * 第一按下的Y坐标
	 */
	private int firstY;
	/**
	 * 头布局高度
	 */
	private int measuredHeight;
	/**
	 * positionY=-measuredHeight+deltaY;
	 */
	private int positionY;
	/**
	 * 下拉刷新
	 */
	private final int DOWN_REFRESH = 0;
	/**
	 * 松开刷新
	 */
	private final int RELAX_REFRESH = 1;
	/**
	 * 正在刷新
	 */
	private final int REFRESHING = 2;
	/**
	 * 当前状态，默认是下拉刷新状态
	 */
	private int CurrState = DOWN_REFRESH;
	private RotateAnimation downRa;
	private RotateAnimation upRa;
	private TextView tv_date;
	private TextView tv_title;
	private ImageView iv_arrow;
	private ProgressBar pb_rotate;

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

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

	private void initView() {
		setOnScrollListener(this);
		initHeadView();
		initAnimation();
		initFooterView();
	}

	private void initFooterView() {
		footerView = View.inflate(getContext(), R.layout.list_footer, null);
		footerView.measure(0, 0);
		footermeasuredHeight = footerView.getMeasuredHeight();
		footerView.setPadding(0, -footermeasuredHeight, 0, 0);
		addFooterView(footerView);
	}

	private void initAnimation() {
		upRa = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f,
				Animation.RELATIVE_TO_SELF, 0.5f);
		upRa.setDuration(300);
		upRa.setFillAfter(true);
		downRa = new RotateAnimation(-180, -360, Animation.RELATIVE_TO_SELF,
				0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
		downRa.setDuration(300);
		downRa.setFillAfter(true);
	}

	private void initHeadView() {
		headView = View.inflate(getContext(), R.layout.list_head, null);
		tv_title = (TextView) headView.findViewById(R.id.tv_title);
		tv_date = (TextView) headView.findViewById(R.id.tv_date);
		iv_arrow = (ImageView) headView.findViewById(R.id.iv_arrow);
		pb_rotate = (ProgressBar) headView.findViewById(R.id.pb_rotate);
		headView.measure(0, 0);
		measuredHeight = headView.getMeasuredHeight();
		headView.setPadding(0, -measuredHeight, 0, 0);
		addHeaderView(headView);
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			firstY = (int) ev.getY();
			break;
		case MotionEvent.ACTION_UP:
			if (CurrState == DOWN_REFRESH) {
				headView.setPadding(0, -measuredHeight, 0, 0);
			}
			if (CurrState == RELAX_REFRESH) {
				CurrState = REFRESHING;
				reFreshState();
				if (listener != null) {
					listener.onPullRefresh();
				}
			}
			break;
		case MotionEvent.ACTION_MOVE:
			int deltaY = (int) ev.getY() - firstY;
			positionY = -measuredHeight + deltaY;
			Log.e(TAG, "positionY" + positionY);
			// 只有在ListView显示第一个，且是向下滑动的时候
			if (getFirstVisiblePosition() == 0 && positionY > -measuredHeight) {
				headView.setPadding(0, positionY, 0, 0);
				// 当完全显示headView并且是当前状态是下拉刷新
				if (positionY >= 0 && CurrState == DOWN_REFRESH) {
					CurrState = RELAX_REFRESH;
					reFreshState();
				}
				if (CurrState == RELAX_REFRESH && positionY < 0) {
					CurrState = DOWN_REFRESH;
					reFreshState();
				}
				return true;
			}
			break;

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

	private void reFreshState() {
		switch (CurrState) {
		case DOWN_REFRESH:
			tv_title.setText("下拉刷新");
			iv_arrow.startAnimation(downRa);
			break;

		case RELAX_REFRESH:
			tv_title.setText("松开刷新");
			iv_arrow.startAnimation(upRa);
			break;
		case REFRESHING:
			iv_arrow.clearAnimation();
			iv_arrow.setVisibility(View.INVISIBLE);
			pb_rotate.setVisibility(View.VISIBLE);
			tv_title.setText("正在刷新....");
			headView.setPadding(0, 0, 0, 0);
			break;

		default:

			break;
		}
	}

	private String getCurrTime() {
		SimpleDateFormat format = new SimpleDateFormat("yy-MM-dd HH:mm:ss");
		return format.format(new Date());
	}

	private OnReFreshListener listener;
	private View footerView;
	private int footermeasuredHeight;

	public void setOnReFreshListener(OnReFreshListener freshListener) {
		this.listener = freshListener;
	}

	public interface OnReFreshListener {
		/**
		 * 下拉刷新
		 */
		void onPullRefresh();

		/**
		 * 向下滑动加载更多
		 */
		void onLoadMore();
	}

	/**
	 * 当完成加载数据的时候调用,MyListView自己本身不知道什么时候加载完数据
	 */
	public void completeLoading() {
		if (Mode) {
			footerView.setPadding(0, -footermeasuredHeight, 0, 0);
			Mode=false;
		}else {
			headView.setPadding(0, -measuredHeight, 0, 0);
			tv_date.setText("最后一次更新时间" + getCurrTime());
			iv_arrow.setVisibility(View.VISIBLE);
			pb_rotate.setVisibility(View.INVISIBLE);
			tv_title.setText("下拉刷新");
			CurrState = DOWN_REFRESH;
		}
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		switch (scrollState) {
		case OnScrollListener.SCROLL_STATE_IDLE:
			if (getLastVisiblePosition()==(getCount()-1)&&!Mode) {
				
				footerView.setPadding(0, 0, 0, 0);
				Mode=true;
				setSelection(getCount());
				if (listener!=null) {
					listener.onLoadMore();
				}
			}
			break;
		case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:

			break;
		case OnScrollListener.SCROLL_STATE_FLING:

			break;
		default:
			break;
		}
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {

	}
}
在构造函数里面绑定了onScrollListener，和初始化了一些数据，

onTouchEvent里面根据触发的条件判断，代码已经有注释，比较简单。

那么下面看一下MainActivity里面是如何实现的

package com.example.test;

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

import com.example.test.MyListView.OnReFreshListener;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.SystemClock;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public class MainActivity extends Activity {

	private MyListView myListView;
	private List<String > mList;
	private Handler mHandler=new Handler(){
		public void handleMessage(android.os.Message msg) {
			myadapter.notifyDataSetChanged();
			myListView.completeLoading();
		};
	};
	private Myadapter myadapter;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initView();
		initData();
	}

	private void initData() {
		mList = new ArrayList<String>();
		for (int i = 0; i < 20; i++) {
			mList.add("这是ListView第"+i+"个数据");
		}
		myadapter = new Myadapter();
		myListView.setAdapter(myadapter);
		myListView.setOnReFreshListener(new OnReFreshListener() {
			
			@Override
			public void onPullRefresh() {
				getDataFromService(true);
			}
			
			@Override
			public void onLoadMore() {
					getDataFromService(false);
			}
		});
	}

	protected void getDataFromService(final boolean loadingMode) {
		new Thread(new Runnable() {
			
			@Override
			public void run() {
			SystemClock.sleep(2000);//模拟请求服务器的一个时间长度
				if (loadingMode) {
					mList.add(0,"通过下拉从服务器返回的数据");
				}else {
					mList.add("底部更新从服务器返回数据");
				}
				mHandler.sendEmptyMessage(0);
			}
		}).start();
	}

	private void initView() {
		myListView = (MyListView) findViewById(R.id.myListView);
	}
	class Myadapter extends BaseAdapter{

		@Override
		public int getCount() {
			return mList.size();
		}

		@Override
		public Object getItem(int position) {
			return mList.get(position);
		}

		@Override
		public long getItemId(int position) {
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
				TextView  textView=new TextView(MainActivity.this);
				textView.setText(mList.get(position));
				textView.setPadding(20, 20, 20, 20);
				textView.setTextSize(17);
			return textView;
			}
		
	}
	
}

自定义了一个线程模拟请求服务器的的时间，当请求完成之后，通知适配器，更新数据，必须在UI线程中执行，让后通知ListView，我已经完成了数据的加载。

布局文件 :activity_main

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.test.MainActivity" >

	<com.example.test.MyListView
	    android:layout_width="match_parent"
	    android:layout_height="match_parent"
	    android:id="@+id/myListView"/>
</RelativeLayout>
布局文件 :list_footer 

<?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="wrap_content"
    android:orientation="horizontal"
    android:gravity="center" >
  <ProgressBar
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:indeterminate="true"
            android:indeterminateDrawable="@drawable/indicate_rotate"
            android:indeterminateDuration="1000" />
	    <TextView 
	        android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:layout_marginLeft="15dp"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="加载更多..."
	        android:textColor="#000"
	        android:textSize="22sp"/>

</LinearLayout>
布局文件 ;list_header 
<?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="wrap_content"
    android:gravity="center"
    android:orientation="horizontal" 
    >

    <RelativeLayout
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/iv_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="@drawable/indicator_arrow" />

        <ProgressBar
            android:id="@+id/pb_rotate"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_centerInParent="true"
            android:visibility="gone"
            android:indeterminateDrawable="@drawable/indicate_rotate"
            android:indeterminateDuration="1000" />
    </RelativeLayout>
	<LinearLayout 
	      android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
	    android:layout_marginLeft="10dp"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:orientation="vertical"
	    android:gravity="center"
	    >
	    <TextView 
	        android:id="@+id/tv_title"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="下拉刷新"
	        android:textColor="#000"
	        android:textSize="22sp"/>
	    <TextView 
	        android:id="@+id/tv_date"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:text="最后刷新时间2016-03-31 14:58:17"
	        android:textColor="#aaa"/>
	</LinearLayout>
</LinearLayout>
自定义的动画：indicate_rotate.xml 
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%"
    android:drawable="@drawable/indicate_rotate_drawable" >
</rotate>





qq_34425670
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义ListView下拉刷新效果
冰之沁泠的博客
10-21 218
实现思路就是自己写一个刷新效果的布局，然后把这个布局定义为ListView的头，监听手势的滑动效果，分别更新不同的UI。 效果图如下： 直接上代码，代码是完整的，除了那个箭头的图片需要你自己提供，其它的都可以用我的代码，然后你看懂之后，自己在改一下就好了，我写了很多注释。 view_header.xml（自定义刷新的显示内容） 此处一定要在顶层布局加上 android:gravity="bo...
自定义下拉刷新的ListView——学习笔记
asjqkkkk的博客
10-28 337
一般来说下拉刷新有这么几个状态，就拿QQ的下拉刷新来说吧 首先是往下拉的时候： 然后是下拉超过一定距离的时候： 然后是手指释放的时候刷新： 最后就是刷新成功或者失败的时候： 大概就是以上效果所以自定义一个下拉刷新控件需要结合onTouchEvent来实现。 首先，自定义下拉刷新控件的布局文件refresh_header.xml：<?xml version="1.0" en
自定义可刷新的LIstView
wanchuan_的博客
05-07 410
ListView的下拉刷新和上拉加载的简单实现先来看看效果：下面我们先把布局文件做出来：<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
Android之listview下拉刷新
wq_0711的博客
10-13 284
很久没有更新了，老是忘记，哈哈。。。。。       那么今天就说一说listview的下拉刷新，通过这个我们可以学习到自定义view的一些属性，还有需要重写的一些方法，以及这些方法的作用。 虽然现在已经有下拉刷新的一些成熟的库了，例如PullToRefresh，有空你们可以去试一下，这个就比较简单了，只需调用里面的方法就可以实现下拉刷新的功能。 有兴趣的朋友可以学习一下。 个人
Android自定义下拉刷新ListView
11-07
总之，Android自定义下拉刷新ListView涉及到了手势检测、动画制作、适配器扩展、接口回调、布局设计等多个技术环节，每个环节都至关重要，需要开发者有扎实的Android基础和良好的编程习惯。通过不断地实践和优化，...
Android自定义下拉刷新控件RefreshableView
09-01
本篇文章将详细介绍一个自定义的下拉刷新控件——RefreshableView，它支持所有类型的控件，包括ListView、ScrollView以及普通的View。 RefreshableView的设计理念是创建一个通用的容器，能够包裹任何需要实现下拉...
Android 自定义下拉刷新控件
07-17
该工具类封装了一个自定义的带下拉刷新的listview，可直接导入Module工程，然后依赖到当前项目即可使用， https://blog.csdn.net/weixin_41771564/article/details/81082512这里有详细的使用
自定义 listview 下拉刷新
05-04
一、自定义下拉刷新的基本原理 下拉刷新功能主要是通过监听用户的滑动事件来触发的。当用户在ListView顶部向下拉动时，会显示一个刷新指示器，然后在数据更新完成后自动隐藏。这一过程涉及到多个关键步骤： 1. ...
【独家首发】基于蜣螂优化算法DBO-GMDH的风电数据回归预测研究Matlab实现.rar
最新发布
08-14
【独家首发】基于蜣螂优化算法DBO-GMDH的风电数据回归预测研究Matlab实现.rar
深度探索：神经网络在图像识别中的革命性应用
08-14
神经网络是一种受人脑结构启发的数学模型，它由大量的节点（或称为“神经元”）相互连接构成。这些节点通常组织成层，包括输入层、隐藏层和输出层。每个神经元可以接收来自前一层的输入，通过某种激活函数处理这些输入，然后将结果传递给下一层的神经元。 神经网络能够通过学习大量的数据来识别模式和特征，这使得它们在图像识别、语音识别、自然语言处理等领域有着广泛的应用。它们也可以用于预测、分类和回归等任务。 训练神经网络通常涉及到一个称为“反向传播”的过程，通过这个过程，网络可以调整其内部参数（权重和偏置），以便更好地完成特定的任务。这个过程通常需要大量的计算资源，并且伴随着梯度下降或其他优化算法来最小化损失函数，从而提高模型的性能。 随着深度学习技术的发展，神经网络变得更加复杂和强大，出现了各种类型的网络结构，比如卷积神经网络（CNNs）用于图像处理，循环神经网络（RNNs）用于序列数据，以及长短期记忆网络（LSTMs）等。
基础会计教学课件第十一章财务会计报告.pptx
08-14
基础会计教学课件第十一章财务会计报告.pptx
基于Android网络聊天软件APP设计与实现.docx
08-14
基于Android网络聊天软件APP设计与实现.docx
基于Android音乐播放器设计与实现2.docx
08-14
基于Android音乐播放器设计与实现2.docx
深度学习基础：理解神经网络及其应用.md
08-14
深度学习基础中的神经网络原理及其广泛应用。文章首先介绍了神经网络的基本构造、激活函数、反向传播等核心概念，详细讲解了卷积神经网络（CNN）、循环神经网络（RNN）等常见神经网络模型的特点及应用场景。接着，文章展示了神经网络在语音识别、图像识别、自动驾驶、医疗影像分析、金融分析、推荐系统等领域的成功案例。此外，还讨论了深度学习的发展趋势，如更深层次的网络、自监督学习、模型压缩、多模态学习及其在实际应用中的挑战与局限性。文章特别提到神经网络对数据的高度依赖、训练中的计算成本、模型的可解释性问题以及泛化能力不足等技术难点。总体上，本文为读者提供了一个从基础到应用、从原理到前沿发展的全景视角，强调了深度学习在推动人工智能技术发展的重要性。
员工关系中的法律问题.pptx
08-14
员工关系中的法律问题.pptx
高效记录与整理编程学习笔记工具
08-14
Obsidian 是一个以 Markdown 为基础的笔记软件，支持双向链接和知识图谱，非常适合建立个人知识网络。Obsidian 的社区中有很多中文用户，而且可以下载中文插件实现中文界面。
螺旋矩阵算法.txt 基于一维数组与vector完成二级索引优化
08-14
00 01 02 03 04 05 06 07 08 09 00 01 02 03 04 05 06 07 08 09 35 00 00 00 00 00 00 00 00 10 35 36 37 38 39 40 41 42 43 10 34 00 00 00 00 00 00 00 00 11 34 63 64 65 66 67 68 69 44 11 33 00 00 00 00 00 00 00 00 12 33 62 83 84 85 86 87 70 45 12 32 00 00 00 00 00 00 00 00 13 32 61 82 95 96 97 88 71 46 13 31 00 00 00 00 00 00 00 00 14 ...... 31 60 81 94 99 9
Android ListView下拉刷新实现详解
"Android ListView下拉刷新的实现方法和步骤" 在Android开发中，ListView是用于显示大量数据的常用组件，而下拉刷新功能则能够使用户在顶部拉动列表时获取最新数据，通常应用于新闻、邮件或社交应用的消息列表。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值