自定义ListView实现下拉刷新

最新推荐文章于 2021-05-25 17:28:20 发布
原创 最新推荐文章于 2021-05-25 17:28:20 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#listview #下拉刷新

本文介绍了一个简单的自定义ListView实现方案，支持下拉刷新功能。该实现包括四个主要状态：下拉刷新、松开刷新、正在刷新及刷新完成，并通过触摸事件控制头部视图的变化。

很简单的一个自定义ListView，参考于开源中国APP，不过实用性很差，没有使用阻尼系数、下拉得太快，现在在找着一个更好用的下拉刷新和下拉加载更多的例子，就暂时将这个例子保存到博客。


自定义ListView代码：

public class PullToRefreshListView extends ListView implements OnScrollListener{

	/**
	 * 下拉可以刷新
	 */
	private static final int PULL_TO_REFRESH = 0;
	/**
	 * 松开后刷新
	 */
	private static final int RELEASE_TO_REFRESH = 1;
	/**
	 * 正在刷新
	 */
	private static final int REFRESHING = 2;
	/**
	 * 刷新完成
	 */
	private static final int DONE = 3;
	
	private LayoutInflater mInflater;
	private LinearLayout mHeadView;
	private TextView mTipsTextView;
	private TextView mLastUpdateTextView;
	private ImageView mArrowImageView;
	private ProgressBar mProgressBar;
	
	//箭头动画效果
	private RotateAnimation animation;
	private RotateAnimation reverseAnimation;
	
	/**
	 * 下拉刷新头部实际高度
	 */
	private int headContentHeight;
	/**
	 * 下拉刷新头部原PaddingTop
	 */
	private int headContentOriginalPaddingTop;
	/**
	 * 用户按下时的纵坐标值
	 */
	private int startY;
	/**
	 * 显示在屏幕中的第一项
	 */
	private int firstItemIndex;
	/**
	 * 当前的滑动状态
	 */
	private int currentScrollState;
	/**
	 * 当前刷新状态
	 */
	private int state;
	/**
	 * 用来保证startY的值在一个完整的touch事件中只被记录一次
	 */
	private boolean isRecored;
	
	
	public OnRefreshListener refreshListener;
	
	private boolean isBack;
	
	public PullToRefreshListView(Context context) {
		super(context);
		init(context);
	}
	
	
	public PullToRefreshListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
	}

	
	private void init(Context context) {
		//设置箭头动画效果
		animation = new RotateAnimation(0, -180, 
				RotateAnimation.RELATIVE_TO_SELF, 0.5f, 
				RotateAnimation.RELATIVE_TO_SELF, 0.5f);
		animation.setDuration(150);
		animation.setFillAfter(true);
		//设置箭头反向动画效果
		reverseAnimation = new RotateAnimation(-180, 0, 
				RotateAnimation.RELATIVE_TO_SELF, 0.5f, 
				RotateAnimation.RELATIVE_TO_SELF, 0.5f);
		reverseAnimation.setDuration(150);
		reverseAnimation.setFillAfter(true);
		
		mInflater = LayoutInflater.from(context);
		mHeadView = (LinearLayout)mInflater.inflate(R.layout.pull_to_refresh_head, null);
		mArrowImageView = (ImageView)mHeadView.findViewById(R.id.pull_to_refresh_arrow);
		mArrowImageView.setMinimumHeight(50);
		mArrowImageView.setMinimumWidth(50);
		mProgressBar = (ProgressBar)mHeadView.findViewById(R.id.pull_to_refresh_progressBar);
		mTipsTextView = (TextView)mHeadView.findViewById(R.id.pull_to_refresh_tips);
		mLastUpdateTextView = (TextView)mHeadView.findViewById(R.id.pull_to_refresh_lastupdate);
		
		measureView(mHeadView);
		headContentHeight = mHeadView.getMeasuredHeight();
		headContentOriginalPaddingTop = mHeadView.getPaddingTop();
		mHeadView.setPadding(mHeadView.getPaddingLeft(), -1 * headContentHeight, 
				mHeadView.getPaddingRight(), mHeadView.getPaddingBottom());
		
		addHeaderView(mHeadView);
		setOnScrollListener(this);
	}
	
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			if(firstItemIndex == 0 && !isRecored) {
				startY = (int)event.getY();
				isRecored = true;
			}
			break;
		
		//当失去焦点&取消动作
		case MotionEvent.ACTION_CANCEL:
		case MotionEvent.ACTION_UP:
			if(state != REFRESHING) {
				if(state == DONE) {}
				//用户下拉高度不满足刷新
				else if(state == PULL_TO_REFRESH) {
					state = DONE;
					changeHeaderViewByState();
				}
				//用户下拉高度满足刷新
				else if(state == RELEASE_TO_REFRESH) {
					state = REFRESHING;
					changeHeaderViewByState();
					onRefresh();
				}
			}
			isRecored = false;
			isBack = false;
			
			break;
		
		case MotionEvent.ACTION_MOVE:
			int tempY = (int)event.getY();
			if(!isRecored && firstItemIndex == 0) {
				startY = tempY;
				isRecored = true;
			}
			if(state != REFRESHING && isRecored) {
				//当前状态为"松开后刷新"
				if(state == RELEASE_TO_REFRESH) {
					//用户向上滑动，下拉高度小于"应该显示松开后刷新"的高度
					if((tempY - startY < headContentHeight + 20) && (tempY - startY) > 0) {
						state = PULL_TO_REFRESH;
						changeHeaderViewByState();
					}
					//一下次向上滑动置顶
					else if(tempY - startY <= 0) {
						state = DONE;
						changeHeaderViewByState();
					//往下拉，或者还没有上推到屏幕顶部掩盖head
					} else {
						//不用进行任何操作，只更新paddingTop的值
					}
				}
				//当前状态为"下拉可以刷新"
				else if(state == PULL_TO_REFRESH) {
					//用户下拉到可以进入"松开后刷新"状态
					if((tempY - startY >= headContentHeight + 20) && currentScrollState == SCROLL_STATE_TOUCH_SCROLL) {
						state = RELEASE_TO_REFRESH;
						isBack = true;
						changeHeaderViewByState();
					}
					//一下子向上滑动置顶
					else if(tempY - startY <= 0) {
						state = DONE;
						changeHeaderViewByState();
					}
				}
				//当前状态为"刷新完成"
				else if(state == DONE) {
					if(tempY - startY > 0) {
						state = PULL_TO_REFRESH;
						changeHeaderViewByState();
					}
				}
				
				//当前状态"下拉可以刷新"：头部PaddingTop为原PaddingTop加上滑动距离
				if(state == PULL_TO_REFRESH) {
					int topPadding = (int)(-1 * headContentHeight + (tempY - startY));
					mHeadView.setPadding(mHeadView.getPaddingLeft(), topPadding, 
							mHeadView.getPaddingRight(), mHeadView.getPaddingBottom());
					mHeadView.invalidate();
				}
				//当前状态"松开后刷新"：头部PaddingTop为原PaddingTop加上滑动距离
				if(state == RELEASE_TO_REFRESH) {
					int topPadding = (int)(tempY - startY - headContentHeight);
					mHeadView.setPadding(mHeadView.getPaddingLeft(), topPadding, 
							mHeadView.getPaddingRight(), mHeadView.getPaddingBottom());
					mHeadView.invalidate();
				}
			}
			break;
		}
		return super.onTouchEvent(event);
	}
	
	
	/**
	 * 根据当前状态更新界面
	 */
	private void changeHeaderViewByState() {
		switch (state) {
		case PULL_TO_REFRESH:
			mProgressBar.setVisibility(View.GONE);
			mTipsTextView.setVisibility(View.VISIBLE);
			mTipsTextView.setText(R.string.pull_to_refresh_pull);
			mLastUpdateTextView.setVisibility(View.VISIBLE);
			mArrowImageView.setVisibility(View.VISIBLE);
			mArrowImageView.clearAnimation();
			if(isBack) {
				isBack = false;
				mArrowImageView.clearAnimation();
				mArrowImageView.startAnimation(reverseAnimation);
			}
			
			break;

		case RELEASE_TO_REFRESH:
			mProgressBar.setVisibility(View.GONE);
			mTipsTextView.setVisibility(View.VISIBLE);
			mTipsTextView.setText(R.string.pull_to_refresh_release);
			mLastUpdateTextView.setVisibility(View.VISIBLE);
			mArrowImageView.setVisibility(View.VISIBLE);
			mArrowImageView.clearAnimation();
			mArrowImageView.startAnimation(animation);
			
			break;
			
		case REFRESHING:
			mHeadView.setPadding(mHeadView.getPaddingLeft(), headContentOriginalPaddingTop, 
					mHeadView.getPaddingRight(), mHeadView.getPaddingBottom());
			mHeadView.invalidate();
			
			mProgressBar.setVisibility(View.VISIBLE);
			mTipsTextView.setText(R.string.pull_to_refresh_refreshing);
			mLastUpdateTextView.setVisibility(View.GONE);
			mArrowImageView.clearAnimation();
			mArrowImageView.setVisibility(View.GONE);
			
			break;
			
		case DONE:
			mHeadView.setPadding(mHeadView.getPaddingLeft(), -1 * headContentHeight, 
					mHeadView.getPaddingRight(), mHeadView.getPaddingBottom());
			mHeadView.invalidate();
			
			mProgressBar.setVisibility(View.GONE);
			mArrowImageView.clearAnimation();
			mTipsTextView.setText(R.string.pull_to_refresh_pull);
			mLastUpdateTextView.setVisibility(View.VISIBLE);
			
			break;
		}
	}
	
	
	/**
	 * 量取头部实际宽高
	 * @param view
	 */
	private void measureView(View view) {
		ViewGroup.LayoutParams params = view.getLayoutParams();
		if(params == null) {
			params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
		}
		int viewWidthSpec = ViewGroup.getChildMeasureSpec(0, 0, params.width);
		int lpHeight = params.height;
		int viewHeightSpec;
		if(lpHeight > 0) {
			viewHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight, MeasureSpec.EXACTLY);
		} else {
			viewHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
		}
		view.measure(viewWidthSpec, viewHeightSpec);
	}


	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		currentScrollState = scrollState;
	}


	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		firstItemIndex = firstVisibleItem;
	}

	
	/**
	 * 点击刷新
	 */
	public void clickRefresh() {
		setSelection(0);
		state = REFRESHING;
		changeHeaderViewByState();
		onRefresh();
	}
	
	
	/**
	 * 设置刷新回调函数
	 * @param refreshListener
	 */
	public void setOnRefreshListener(OnRefreshListener refreshListener) {
		this.refreshListener = refreshListener;
	}
	
	
	/**
	 * 刷新回调接口
	 * @author AA
	 *
	 */
	public interface OnRefreshListener {
		public void onRefresh();
	}
	
	
	/**
	 * 刷新
	 */
	private void onRefresh() {
		if(refreshListener != null) {
			refreshListener.onRefresh();
		}
	}
	
	
	/**
	 * 刷新完成
	 */
	public void onRefreshComplete() {
		state = DONE;
		changeHeaderViewByState();
	}
	
	
	/**
	 * 刷新完成后设置最后刷新时间
	 * @param update
	 */
	public void onRefreshComplete(String update) {
		mLastUpdateTextView.setText(update);
		onRefreshComplete();
	}
}

头部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="60dp"
        android:layout_gravity="center" >

        <ImageView
            android:id="@+id/pull_to_refresh_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/pull_to_refresh_layout"
            android:layout_toStartOf="@+id/pull_to_refresh_layout"
            android:contentDescription="@string/iv_cont_des_string"
            android:src="@drawable/pull_to_refresh_arrow" />

        <ProgressBar
            android:id="@+id/pull_to_refresh_progressBar"
            android:layout_width="28dp"
            android:layout_height="28dp"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/pull_to_refresh_layout"
            android:layout_toStartOf="@+id/pull_to_refresh_layout"
            android:visibility="gone" />

        <LinearLayout
            android:id="@+id/pull_to_refresh_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_marginLeft="@dimen/space_10"
            android:layout_marginStart="@dimen/space_10"
            android:gravity="center_horizontal"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/pull_to_refresh_tips"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/pull_to_refresh_pull"
                android:textColor="@color/black" />

            <TextView
                android:id="@+id/pull_to_refresh_lastupdate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="最后刷新：2014-10-21 15:17"
                android:textColor="@color/black"
                android:textSize="@dimen/text_size_10" />
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

Acitivity代码： 

/**
	 * 初始化列表
	 */
	private void initListView() {
		mFAQListView = (PullToRefreshListView)mFaqView.findViewById(R.id.lv_faq);
		TextView emptyView = (TextView)mFaqView.findViewById(R.id.tv_faq_listview_empty);
		mFaqList = getData();
		mAdapter = new ListViewFaqAdapter(getActivity(), mFaqList);
		mFAQListView.setAdapter(mAdapter);
		mFAQListView.setEmptyView(emptyView);
		mFAQListView.setOnItemClickListener(this);
		mFAQListView.setOnRefreshListener(new OnRefreshListener() {
			
			@Override
			public void onRefresh() {
				new AsyncTask<Integer, Integer, Integer>() {

					@Override
					protected Integer doInBackground(Integer... params) {
						try {
							Thread.sleep(2000);
						} catch (Exception e) {
							e.printStackTrace();
						}
						return null;
					}
					
					
					protected void onPostExecute(Integer result) {
						mFAQListView.onRefreshComplete();
					};
					
					
				}.execute(0);
				Toast.makeText(getActivity(), "正在刷新...", Toast.LENGTH_LONG).show();
				
			}
		});
	}
	
	
	/**
	 * 获得列表要显示的数据
	 * @return
	 */
	private List<HashMap<String, Object>> getData() {
		List<HashMap<String, Object>> list = new ArrayList<HashMap<String,Object>>();
		for(int i=0; i<titles.length; i++) {
			HashMap<String, Object> map = new HashMap<String, Object>();
			map.put(Consts.LISTVIEW_FAQ_TITLE, titles[i]);
			map.put(Consts.LISTVIEW_FAQ_AUTHOR, "大嘴" + i + "号");
			map.put(Consts.LISTVIEW_FAQ_DATE, (i+1)*2 + "小时前");
			map.put(Consts.LISTVIEW_FAQ_COUNT, i+6 + "回|" + (i+1)*6 + "阅");
			list.add(map);
		}
		return list;
	}




Android 自定义ListView 实现下拉刷新 上拉加载功能
mjd的专栏
06-08 888
效果图思考 Listview是viewGroup的子类，它本身提供了方法addHeaderView（View view），addFooterView（View view）去添加头布局和底布局，所以我们只要监听它的onTouchEvent方法，判断头布局 底布局的显示状态。 头布局（headerView）默认的话，得隐藏。先获取到头布局的高度int headerViewHeight = headerV
自定义ListView实现下拉刷新+加载更多功能Demo
10-09
在Android开发中，自定义ListView实现下拉刷新和加载更多的功能是常见的需求，尤其是在构建具有数据流滚动和实时更新的应用程序时。这个"自定义ListView实现下拉刷新+加载更多功能Demo"旨在帮助开发者理解如何集成...
自修改Pushtorefresh，实现上下均可刷新
承影
03-10 1680
原来的滑动刷新仅仅是top滑动刷新，按照逻辑只是加载最新的列表，但是下面列表你不可能一次显示，可以用加载第二页的形式加载。上图如下：          list不再是简单的title列表，在此是自定义的RatingAdapter，直接抠的eoe出的android开发权威指南里面的adapter，当然你也可以自己定义。。 基本修改如下： 注意没有修改成vi
Android 动画的播放
siyehua的专栏
12-02 761
imageView = (ImageView) findViewById(R.id.imageview); /** * 设置透明渐变动画 */ // 从10%的透明度到100% animation = new AlphaAnimation(0.1f, 1.0f); // 播放动画的时间是3000毫秒 animation.setDuration(3000); //
自定义listView 实现 下拉刷新+下拉加载的功能
tiger_gy的博客
03-13 1174
自定义listView 实现 下拉刷新+下拉加载的功能 ...
android 自定义ListView实现下拉刷新、分页加载、点击事件——自定义控件学习（七）
archer的技术故事
09-27 2329
android 自定义ListView实现下拉刷新、分页加载、点击事件——自定义控件学习（七） 本文主要实现的是封装好的ListView，这个ListView实现了下拉刷新、分页加载和点击事件。使用方法如下： 1、引入控件的java文件： package com.example.administrator.customerpulldownrefreshandpageload; import
自定义ListView实现下拉刷新功能
小妖森的专栏
10-22 742
前言
Android 自定义listview的下拉刷新
mr_zdd的专栏
10-09 638
现在的listview的下拉刷新各种各样，今天就来给大家提供一个比较简单的下拉刷新，自己动手敲吧。 大概的功能就是:listview下拉的时候提示下拉可以刷新，到一定的距离后提示松开可以刷新（旋转下拉箭头），手指离开屏幕后正在刷新...将提示箭头变成圆形进度条。 listview的下拉刷新的大概的几个步骤： 1、添加listview的头部界面 headerView;   2、监听listv
自定义ListView实现下拉刷新和上拉加载
qq_36699930的博客
04-16 1106
实现ListView的下拉刷新和上拉加载，需要先添加headerView和footerView,通过在拖动的过程中，控制头尾布局的paddingTop实现。先把paddingTop设为负值，来隐藏header，在下拉的过程中，不断改变headerView的paddingTop，实现下拉过程中headerView慢慢显示的效果。 下拉刷新，是先将listview的头部隐藏，然后用手势拖动屏幕刷新...
android自定义刷新和加载更多,Android UI自定义ListView实现下拉刷新和加载更多效果...
weixin_29196613的博客
05-25 213
关于实现ListView下拉刷新和加载更多的实现，我想网上一搜就一堆。不过我就没发现比较实用的，要不就是实现起来太复杂，要不就是不健全的。因为小巫近期要开发新浪微博客户端，需要实现ListView的下拉刷新，所以就想把这个UI整合到项目当中去，这里只是一个demo，可以根据项目的需要进行修改。就不要太在乎界面了哈：自定义ListView：package com.markupartist.andro...
Android自定义ListView实现下拉刷新分页加载及点击
最新发布
07-04
通过使用 SwipeRefreshLayout 实现下拉刷新，自定义 EndlessScrollListener 实现分页加载，以及设置 OnItemClickListener 处理条目点击事件，可以让 ListView 具备更丰富的交互功能。这些功能不仅提升了用户体验，还...
Android自定义ListView实现下拉刷新
01-05
现在也有各种自定义ListView实现PullToRefreshListView的控件，无非就是在header加入一个控件，通过setPadding的方式来改变显示效果。效果已经太out了，如意中发现google自带的swiperefreshlayout实现的效果挺不错，...
Android UI自定义ListView实现下拉刷新和加载更多效果
01-20
总之，自定义ListView实现下拉刷新和加载更多功能是Android开发中的常见需求。通过监听滚动事件、更新视图状态以及提供合适的回调机制，我们可以为用户提供更加便捷的操作体验。这个自定义的PullToRefreshListView...
带数字显示的自定义SeekBar
热门推荐
亚特兰蒂斯
10-14 1万+
由于项目需要做个单向滑动SeekBar，而系统自带的SeekBar并没能提供滑块上面的数字，所以只能自定义了。
记录RecyclerView滚动位置并恢复
亚特兰蒂斯
12-30 7977
//监听RecyclerView滚动状态 mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrollStateChanged(RecyclerView recyclerView, int newState) { super.
FragmentTabHost中切换Fragment状态保存的几种方法
亚特兰蒂斯
09-17 7152
1.重写F
仿IOS透明通知栏(仅支持4.4以上版本)
亚特兰蒂斯
01-27 5795
从4.4开始，Google为Android增加了透明状态栏和导航栏的功能，只需要加入少量代码就可以实现。如图： 在Activity的布局文件父View中添加属性：android:fitsSystemWindows="true"和android:clipToPadding="true"即可。 <ScrollView xmlns:android="http://schemas.androi
使用selector和shape实现圆角选项
亚特兰蒂斯
10-24 3670
最近在做一个项目，里边的设置页面要求圆角选项，类似QQ浏览器中的设置页面。
修改ScrollView的滑动速度和解决ScrollView与ViewPager的冲突
亚特兰蒂斯
11-13 3522
修改ScrollView的滑动速度和解决ScrollView与ViewPager的冲突
安卓开发中自定义ListView实现下拉刷新
在Android开发中，实现自定义ListView下拉刷新功能涉及到多个知识点，包括自定义控件的继承、事件监听、视图刷新机制、以及如何优化用户体验。 首先，我们来了解一下自定义ListView的含义。在Android中，ListView是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值