ListView的上拉刷新下拉加载更多

最新推荐文章于 2021-05-28 00:34:23 发布
最新推荐文章于 2021-05-28 00:34:23 发布
阅读量586 收藏 1
点赞数
分类专栏： # Android入门 文章标签： listview 上拉刷新 下拉加载更多
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DevelopAndroid/article/details/46999567
版权

首先是refresh_listview_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:orientation="horizontal" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" 
        android:gravity="center"
        >

        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:paddingTop="10dp" >

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

            <ProgressBar
                android:id="@+id/pb_progress"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:visibility="invisible" 
                android:indeterminateDrawable="@drawable/custom_progress"
                />
        </FrameLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:gravity="center"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/tv_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="下拉刷新"
                android:textColor="#0374DE"
                android:textSize="16sp" />

            <TextView
                android:id="@+id/tv_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="最后刷新时间:2015-03-10 17:07:07"
                android:textColor="@android:color/darker_gray"
                android:layout_marginTop="5dp"
                android:textSize="16sp" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>
<span style="font-size:18px;">

Progress的custom_progress.xml
</span>
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >

    <shape
        android:innerRadius="12dp"
        android:shape="ring"
        android:thickness="3dp"
        android:useLevel="false" >
        
         <gradient
            android:centerColor="#0374DE"
            android:endColor="#ff74DE"
            android:startColor="#fff4DE" />
    </shape>

</rotate>

 

然后是refresh_listview_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:gravity="center"
    android:orientation="horizontal" >

    <ProgressBar
        android:id="@+id/pb_pull_list_header"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:indeterminateDrawable="@drawable/custom_progress" />

    <TextView
        android:id="@+id/tv_pull_list_header_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="加载中..."
        android:textColor="#ff0000"
        android:textSize="18sp" />

</LinearLayout>

 

/**
 * 下拉刷新的ListView
 * 
 * @author Kevin
 * 
 */
public class RefreshListView extends ListView implements OnScrollListener,
		android.widget.AdapterView.OnItemClickListener {

	private static final int STATE_PULL_REFRESH = 0;// 下拉刷新
	private static final int STATE_RELEASE_REFRESH = 1;// 松开刷新
	private static final int STATE_REFRESHING = 2;// 正在刷新

	private View mHeaderView;
	private int startY = -1;// 滑动起点的y坐标
	private int mHeaderViewHeight;

	private int mCurrrentState = STATE_PULL_REFRESH;// 当前状态
	private TextView tvTitle;
	private TextView tvTime;
	private ImageView ivArrow;
	private ProgressBar pbProgress;
	private RotateAnimation animUp;
	private RotateAnimation animDown;

	public RefreshListView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		initHeaderView();
		initFooterView();
	}

	public RefreshListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initHeaderView();
		initFooterView();
	}

	public RefreshListView(Context context) {
		super(context);
		initHeaderView();
		initFooterView();
	}

	/**
	 * 初始化头布局
	 */
	private void initHeaderView() {
		mHeaderView = View.inflate(getContext(), R.layout.refresh_listview_header, null);
		this.addHeaderView(mHeaderView);

		tvTitle = (TextView) mHeaderView.findViewById(R.id.tv_title);
		tvTime = (TextView) mHeaderView.findViewById(R.id.tv_time);
		ivArrow = (ImageView) mHeaderView.findViewById(R.id.iv_arr);
		pbProgress = (ProgressBar) mHeaderView.findViewById(R.id.pb_progress);

		mHeaderView.measure(0, 0);
		mHeaderViewHeight = mHeaderView.getMeasuredHeight();

		mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);// 隐藏头布局

		initArrowAnim();

		tvTime.setText("最后刷新时间:" + getCurrentTime());
	}

	/*
	 * 初始化脚布局
	 */
	private void initFooterView() {
		mFooterView = View.inflate(getContext(),
				R.layout.refresh_listview_footer, null);
		this.addFooterView(mFooterView);

		mFooterView.measure(0, 0);
		mFooterViewHeight = mFooterView.getMeasuredHeight();

		mFooterView.setPadding(0, -mFooterViewHeight, 0, 0);// 隐藏

		this.setOnScrollListener(this);
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			startY = (int) ev.getRawY();
			break;
		case MotionEvent.ACTION_MOVE:
			if (startY == -1) {// 确保startY有效
				startY = (int) ev.getRawY();
			}

			if (mCurrrentState == STATE_REFRESHING) {// 正在刷新时不做处理
				break;
			}

			int endY = (int) ev.getRawY();
			int dy = endY - startY;// 移动便宜量

			if (dy > 0 && getFirstVisiblePosition() == 0) {// 只有下拉并且当前是第一个item,才允许下拉
				int padding = dy - mHeaderViewHeight;// 计算padding
				mHeaderView.setPadding(0, padding, 0, 0);// 设置当前padding

				if (padding > 0 && mCurrrentState != STATE_RELEASE_REFRESH) {// 状态改为松开刷新
					mCurrrentState = STATE_RELEASE_REFRESH;
					refreshState();
				} else if (padding < 0 && mCurrrentState != STATE_PULL_REFRESH) {// 改为下拉刷新状态
					mCurrrentState = STATE_PULL_REFRESH;
					refreshState();
				}
			}
//			}else if(mCurrrentState == STATE_REFRESHING){
//				break;
//			}

			break;
		case MotionEvent.ACTION_UP:
			startY = -1;// 重置

			if (mCurrrentState == STATE_RELEASE_REFRESH) {
				mCurrrentState = STATE_REFRESHING;// 正在刷新
				mHeaderView.setPadding(0, 0, 0, 0);// 显示
				refreshState();
			} else if (mCurrrentState == STATE_PULL_REFRESH) {
				mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);// 隐藏
			}

			break;

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

	/**
	 * 刷新下拉控件的布局
	 */
	private void refreshState() {
		switch (mCurrrentState) {
		case STATE_PULL_REFRESH:
			tvTitle.setText("下拉刷新");
			ivArrow.setVisibility(View.VISIBLE);
			pbProgress.setVisibility(View.INVISIBLE);
			ivArrow.startAnimation(animDown);
			break;
		case STATE_RELEASE_REFRESH:
			tvTitle.setText("松开刷新");
			ivArrow.setVisibility(View.VISIBLE);
			pbProgress.setVisibility(View.INVISIBLE);
			ivArrow.startAnimation(animUp);
			break;
		case STATE_REFRESHING:
			tvTitle.setText("正在刷新...");
			ivArrow.clearAnimation();// 必须先清除动画,才能隐藏
			ivArrow.setVisibility(View.INVISIBLE);
			pbProgress.setVisibility(View.VISIBLE);

			if (mListener != null) {
				mListener.onRefresh();
			}
			break;

		default:
			break;
		}
	}

	/**
	 * 初始化箭头动画
	 */
	private void initArrowAnim() {
		// 箭头向上动画
		animUp = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f,
				Animation.RELATIVE_TO_SELF, 0.5f);
		animUp.setDuration(200);
		animUp.setFillAfter(true);

		// 箭头向下动画
		animDown = new RotateAnimation(-180, 0, Animation.RELATIVE_TO_SELF,
				0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
		animDown.setDuration(200);
		animDown.setFillAfter(true);

	}

	OnRefreshListener mListener;
	private View mFooterView;
	private int mFooterViewHeight;

	public void setOnRefreshListener(OnRefreshListener listener) {
		mListener = listener;
	}

	public interface OnRefreshListener {
		public void onRefresh();

		public void onLoadMore();// 加载下一页数据
	}

	/*
	 * 收起下拉刷新的控件
	 */
	public void onRefreshComplete(boolean success) {
		if (isLoadingMore) {// 正在加载更多...
			mFooterView.setPadding(0, -mFooterViewHeight, 0, 0);// 隐藏脚布局
			isLoadingMore = false;
		} else {
			mCurrrentState = STATE_PULL_REFRESH;
			tvTitle.setText("下拉刷新");
			ivArrow.setVisibility(View.VISIBLE);
			pbProgress.setVisibility(View.INVISIBLE);

			mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);// 隐藏

			if (success) {
				tvTime.setText("最后刷新时间:" + getCurrentTime());
			}
		}
	}

	/**
	 * 获取当前时间
	 */
	public String getCurrentTime() {
		SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		return format.format(new Date());
	}

	private boolean isLoadingMore;	//是否正在加载。。。。

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		if (scrollState == SCROLL_STATE_IDLE
				|| scrollState == SCROLL_STATE_FLING) {

			if (getLastVisiblePosition() == getCount() - 1 && !isLoadingMore) {// 滑动到最后
				System.out.println("到底了.....");
				mFooterView.setPadding(0, 0, 0, 0);// 显示
				setSelection(getCount() - 1);// 改变listview显示位置

				isLoadingMore = true;

				if (mListener != null) {
					mListener.onLoadMore();
				}
			}
		}
	}

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

	}
	
	OnItemClickListener mItemClickListener;

	@Override
	public void setOnItemClickListener(
			android.widget.AdapterView.OnItemClickListener listener) {
		super.setOnItemClickListener(this);

		mItemClickListener = listener;
	}

	@Override
	public void onItemClick(AdapterView<?> parent, View view, int position,
			long id) {
		if (mItemClickListener != null) {
			mItemClickListener.onItemClick(parent, view, position- getHeaderViewsCount(), id);
		}
	}

}

 

 

 

 

 

 

 

Li_Pine
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
下拉刷新ListView讲解，自定义PullToRefreshListView
YanRu的专栏
04-08 2528
思路 关于下拉刷新的ListView的实现，思路主要有两种： 1 . 用LinearLayout包裹一个refreshHeadView和一个listView ， 触摸时通过改变refreshHeadView的LayoutParams参数的 topMargin来隐藏和显示refreshHeadView，lp.topMargin = - refreshHeadHeight 时，头部隐藏，lp.top
listview上拉刷新下拉加载更多
03-26
"listview上拉刷新下拉加载更多"这个话题是关于如何为ListView添加动态的上拉刷新和下拉加载更多的功能，这在当今的移动应用中非常常见，用于提升用户体验并优化数据加载。 1. **上拉刷新（Pull-to-Refresh）** 上...
Delphi XE7 beta1的新功能之TListView滑动刷新数据功能
newsxy的专栏
01-12 2617
介绍 本文章介绍了Delphi XE7 beta1的新功能之Pull To Refresh，Delphi XE7 为TListView增加划动刷新数据的功。 设置ListView的属性：PullToRefresh=True 然后处理ListViewPullRefresh事件，下面是示例代码 procedure TForm1.ListView1PullRefres
PullToRefreshScrollView下拉刷新、上啦加载更多、里面并解决与ListView数据加载问题（需要PullToReFerensh库）
Townkoim的专栏
09-24 8601
接上一篇：《Android-开发-PullToRefreshListView原理》 ，PullToRefreshListView相关使用和博客比较多。所以就上PullToRefreshScrollView的使用 布局文件： <LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:t
Android MVP设计框架模板 之 漂亮ListView上拉刷新下拉加载更多
01-16
在这个"Android MVP设计框架模板 之 漂亮ListView上拉刷新下拉加载更多"的主题中，我们将深入探讨如何在MVP架构下实现一个功能完善的ListView，同时包含上拉刷新和下拉加载更多的功能。 1. MVP架构基础： MVP模式...
ListView上拉刷新下拉加载更多
09-09
通过以上步骤，我们可以在ListView中实现上拉刷新和下拉加载更多的功能，为用户提供更丰富的交互体验。在实际项目中，还可以根据需求调整动画效果，或者使用其他组件，如RecyclerView，它们提供了类似的功能，但具有...
ViewPager+Listview上拉刷新下拉加载
07-25
然而，在实际开发中，当`ViewPager`与`ListView`结合使用时，可能会遇到一些问题，比如如何实现在`ListView`中添加上拉刷新和下拉加载更多功能，同时解决两者之间的交互冲突。本篇将详细介绍如何解决这些问题。 ...
Android自定义控件实现下拉列表刷新，上拉刷新
mengxin1995的博客
08-31 430
这篇文章带来的是自定义控件实现，下拉，上拉刷新，首先在建一个名字为RefreshList的工程 修改MainActivity，public class MainActivity extends Activity { private RefreshListView listview; private ArrayList<String> listDatas; private M
android中listview下拉刷新,Android菜鸟之listview下拉刷新
weixin_30981569的博客
05-28 507
《1》首先我们要写一个自定义的listview(写一个类继承ListView类)public class RefreshListView extends ListView然后我们需要填充这个RefreshListViewclass MyAdapter extends BaseAdapter {@Overridepublic int getCount() {return dataList.size(...
Android自定义控件——ListView的下拉刷新与上拉加载
Vincent的专栏
10-10 1万+
无疑，在Android开发中，ListView是使用非常频繁的控件之一，ListView提供一个列表的容易，允许我们以列表的形式将数据展示到界面上，但是Google给我们提供的原生ListView的控件，虽然在功能上很强大，但是在用户体验和动态效果上，还是比较差劲的。为了改善用户体验，市面上纷纷出现了各种各样的自定义的ListView，他们功能强大，界面美观，使我们该需要学习的地方。其中，使用最频繁的功能无疑就是ListView的下拉刷新和上拉加载数据了，几乎在没一款内容型的App中都可以找到这种控件的身影
自定义ListView 实现上拉刷新 下拉加载数据
SelfImprove
03-23 546
一、主布局 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <com.exam
ListView的下拉刷新和上拉加载
zippenL的博客
03-26 470
一、先写头布局view文件： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="ho
ListView下拉刷新，上拉自动加载更多
热门推荐
SunnyCoffee Blog
02-03 6万+
下拉刷新，Android中非常普遍的功能。为了方便便重写的ListView来实现下拉刷新，同时添加了上拉自动加载更多的功能。设计最初是参考开源中国的Android客户端源码。先看示例图。 重写后的listview动画效果来源于添加的头部和尾部。
自定义ListView下拉刷新和上拉加载
技术分享
01-28 728
public int getFirstVisiblePosition () 　　返回显示在屏幕上的第一个元素在适配器中所处的位置。 　　返回值 　　在适配器数据集中的位置。    为何写这个文章 总结一下知识点，更好的巩固一下。现在有好多第三方的下拉刷新和上拉加载更多的控件，比如MaterialRefreshLayout +　ＲecycleView 还有Pull
Android ListView 实现下拉刷新上拉加载
思月行云
10-20 6513
转载请注明出处：http://blog.csdn.net/allen315410/article/details/39965327 1.简介        无疑，在Android开发中，ListView是使用非常频繁的控件之一，ListView提供一个列表的容易，允许我们以列表的形式将数据展示到界面上，但是Google给我们提供的原生ListView的控件，虽然在功能上很强大，但是在用户体验和
ListView实现下拉刷新
李泽正的专栏
05-05 549
APP中是listview布局的界面一般都会有下拉刷新这个功能，很多三方的框架已经实现了，这儿是一个下拉刷新的基本实现。 主要模块： 1.listview中存在addHeaderView(View v)方法，该方法就是在listview头部添加一个自定义的view。（下拉刷新界面就是写在该内容当中） 2.下拉刷新分为下拉中，刷新中，没有下拉三个过程，处理好各个过程的关系。 3.下拉和刷新过程
Android ListView 上拉刷新下拉加载更多实现与拓展教程
在Android开发中，列表视图（ListView）的上部下拉刷新和下部点击加载更多功能是非常常见的需求，尤其是在处理瀑布流布局或者分页数据展示时。这种设计让用户在滚动列表时能直观地感知到新内容的获取过程，提升用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值