自定义控件之上拉刷新下拉加载RefreshListView

最新推荐文章于 2018-08-13 20:06:47 发布
最新推荐文章于 2018-08-13 20:06:47 发布
阅读量509 收藏 1
点赞数
分类专栏： 【Android】 文章标签： 上拉刷新 下拉加载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tianchenglin/article/details/50219839
版权 
import java.text.SimpleDateFormat;
import java.util.Date;

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

import com.study.smartservice.R;

@SuppressLint("SimpleDateFormat")
public class RefreshListView extends ListView implements OnScrollListener {

	private LinearLayout refresh_listview_header_root;
	private LinearLayout refresh_listview_header_view;
	private ImageView refresh_listview_header_image;
	private ProgressBar refresh_listview_header_progress;
	private TextView refresh_listview_header_text;
	private TextView refresh_listview_header_date;
	private RotateAnimation animationUp;
	private RotateAnimation animationDown;
	private View customView;
	private int headerHeight;

	// 下拉刷新
	private static final int PULL_REFRESH = 1;
	// 释放刷新
	private static final int RELEASE_REFRESH = 2;
	// 正在刷新
	private static final int IS_REFRESHING = 3;
	private static final String tag = "RefreshListView";

	private static int CURRENTOPTION = PULL_REFRESH;

	private OnRefreshListener onRefreshListener;

	// 模拟请求网络的逻辑
	// private Handler handler = new Handler() {
	// public void handleMessage(android.os.Message msg) {
	// onRefreshFinish();
	// };
	// };

	public RefreshListView(Context context) {
		super(context);
		initHeader();
		initFooter();
		setOnScrollListener(this);
	}

	public RefreshListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initHeader();
		initFooter();
		setOnScrollListener(this);
	}

	// 初始化头布局
	private void initHeader() {

		// 总布局：包含刷新头，ViewPager，该布局要加入ListView当做listView的头布局
		View viewHeader = View.inflate(getContext(),
				R.layout.refresh_listview_header, null);

		// 刷新头布局：包含ViewPager，在下面会提供一个方法，将viewPager的view添加到此布局的下方
		refresh_listview_header_root = (LinearLayout) viewHeader
				.findViewById(R.id.refresh_listview_header_root);

		// 刷新头布局：不包含ViewPager
		refresh_listview_header_view = (LinearLayout) viewHeader
				.findViewById(R.id.refresh_listview_header_view);

		// 刷新头图片
		refresh_listview_header_image = (ImageView) viewHeader
				.findViewById(R.id.refresh_listview_header_image);

		// 刷新头ProgressBar
		refresh_listview_header_progress = (ProgressBar) viewHeader
				.findViewById(R.id.refresh_listview_header_progress);

		// 刷新头文字
		refresh_listview_header_text = (TextView) viewHeader
				.findViewById(R.id.refresh_listview_header_text);
		// 刷新头时间
		refresh_listview_header_date = (TextView) viewHeader
				.findViewById(R.id.refresh_listview_header_date);

		// 一开始刷新头不能出现，因此计算刷新头对应的高度
		refresh_listview_header_view.measure(0, 0);
		// 获取测量后的高度
		headerHeight = refresh_listview_header_view.getMeasuredHeight();
		// 相当于隐藏了刷新头
		refresh_listview_header_view.setPadding(0, -headerHeight, 0, 0);

		// 给当前listView添加一个头布局，即将包含刷新头和ViewPager的布局加入ListView头部
		this.addHeaderView(viewHeader);

		// 初始化动画
		initAnimation();
	}

	// 初始化底部布局
	private void initFooter() {
		View viewFooter = View.inflate(getContext(),
				R.layout.refresh_listview_footer, null);
		refresh_listview_footer_foot = (LinearLayout) viewFooter
				.findViewById(R.id.refresh_listview_footer_foot);

		refresh_listview_footer_foot.measure(0, 0);
		footerdHeight = refresh_listview_footer_foot.getMeasuredHeight();
		refresh_listview_footer_foot.setPadding(0, -footerdHeight, 0, 0);

		// 给当前listView添加一个底部布局，即将包含刷新底部布局加入此ListView
		this.addFooterView(viewFooter);
	}

	private void initAnimation() {
		// 把图片朝上动画
		animationUp = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF,
				0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
		// 旋转时间
		animationUp.setDuration(500);
		// 旋转过后保持位置
		animationUp.setFillAfter(true);

		// 把图片朝下动画
		animationDown = new RotateAnimation(-180, -360,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		// 旋转时间
		animationDown.setDuration(500);
		// 旋转过后保持位置
		animationDown.setFillAfter(true);
	}

	/**
	 * 下拉和上拉的两个接口
	 * 
	 * @author TCL
	 */
	public interface OnRefreshListener {
		public void pullDownRefresh();

		public void pullUpLoad();
	}

	public void onRefreshFinish() {
		// 下拉刷新完毕的方法
		if (CURRENTOPTION == IS_REFRESHING) {
			CURRENTOPTION = PULL_REFRESH;
			refresh_listview_header_progress.setVisibility(View.INVISIBLE);
			refresh_listview_header_text.setText("下拉刷新");
			refresh_listview_header_image.setVisibility(View.VISIBLE);
			refresh_listview_header_view.setPadding(0, -headerHeight, 0, 0);
		}
		if (isLoading) {
			isLoading = false;
			refresh_listview_footer_foot.setPadding(0, -footerdHeight, 0, 0);
		}
	}

	public void setOnRefreshListener(OnRefreshListener onRefreshListener) {
		this.onRefreshListener = onRefreshListener;
	}

	// 监听手势的事件
	private int downY = -1;
	private int firstVisibleItem = -1;
	private LinearLayout refresh_listview_footer_foot;
	private int footerdHeight;
	private boolean isLoading;

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			downY = (int) ev.getY();
			break;
		case MotionEvent.ACTION_MOVE:
			if (downY == -1) {
				downY = (int) ev.getY();
			}
			int moveY = (int) ev.getY();
			// 正在刷新的时候不让ListView拖动
			if (CURRENTOPTION == IS_REFRESHING) {
				break;
			}
			// 获取ListView所在屏幕上左上角坐标
			int[] listViewLocation = new int[2];
			// 给数组赋值
			this.getLocationOnScreen(listViewLocation);
			// 获取当前ListView对应的Y值
			int listViewY = listViewLocation[1];

			// 获取轮播图在屏幕左上角的坐标
			int[] customViewLoction = new int[2];
			customView.getLocationOnScreen(customViewLoction);
			int customViewY = customViewLoction[1];
			if (listViewY > customViewY) {
				break;
			}

			int padding = -headerHeight + moveY - downY;
			// moveY-downY>0,此时向下拉,并且当前的第一个条目是索引中的第一个
			if (padding > -headerHeight && firstVisibleItem == 0) {
				// 响应下拉刷新头展示的操作
				if (padding > 0 && CURRENTOPTION == PULL_REFRESH) {
					// 此时已经完整的吧刷新头拉出来了并且当前状态是下拉刷新
					CURRENTOPTION = RELEASE_REFRESH;
					setCurrentOpiton();
					Log.i(tag, "释放刷新");
				}
				if (padding < 0 && CURRENTOPTION == RELEASE_REFRESH) {
					// 刷新头一部分显示，一部分隐藏
					CURRENTOPTION = PULL_REFRESH;
					setCurrentOpiton();
					Log.i(tag, "下拉刷新");
				}
				refresh_listview_header_view.setPadding(0, padding, 0, 0);
				// 保证手放开的时候去响应up事件
				return true;
			}

			break;
		case MotionEvent.ACTION_UP:
			if (CURRENTOPTION == RELEASE_REFRESH) {
				CURRENTOPTION = IS_REFRESHING;
				// 刷新
				setCurrentOpiton();

				// 结合逻辑去做刷新操作(回调)
				if (onRefreshListener != null) {
					onRefreshListener.pullDownRefresh();
				}
				// handler.sendEmptyMessageDelayed(0, 2000);

				refresh_listview_header_view.setPadding(0, 0, 0, 0);
			} else if (CURRENTOPTION == PULL_REFRESH) {
				// 做一个弹回的操作
				refresh_listview_header_view.setPadding(0, -headerHeight, 0, 0);
			}
			break;
		}
		return super.onTouchEvent(ev);
	}

	/**
	 * 处理状态的方法
	 */
	public void setCurrentOpiton() {
		switch (CURRENTOPTION) {
		case RELEASE_REFRESH:
			refresh_listview_header_text.setText("释放刷新");
			refresh_listview_header_image.startAnimation(animationUp);
			break;
		case PULL_REFRESH:
			refresh_listview_header_text.setText("下拉刷新");
			refresh_listview_header_image.startAnimation(animationDown);
			break;
		case IS_REFRESHING:
			refresh_listview_header_text.setText("正在刷新");
			refresh_listview_header_image.clearAnimation();
			refresh_listview_header_image.setVisibility(View.GONE);
			refresh_listview_header_progress.setVisibility(View.VISIBLE);

			refresh_listview_header_date.setText(getTime());
		}
	}

	private String getTime() {
		Date date = new Date();
		SimpleDateFormat dateFormat = new SimpleDateFormat(
				"yyyy-MM-dd HH:mm:ss");
		return dateFormat.format(date);
	}

	// 提供一个方法将轮播图对应的view放置进来
	public void addCustomView(View v) {
		customView = v;
		// 因为该布局中已有一个刷新头，所以再添加的view在刷新头下方
		refresh_listview_header_root.addView(customView);
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		// 监听ListView滚动状态发生改变的方法
		if (scrollState == OnScrollListener.SCROLL_STATE_FLING
				|| scrollState == OnScrollListener.SCROLL_STATE_IDLE) {
			// 当前最后一个可见条目
			if (getLastVisiblePosition() == getAdapter().getCount() - 1
					&& !isLoading) {
				// 加载更多操作
				isLoading = true;
				refresh_listview_footer_foot.setPadding(0, 0, 0, 0);

				// 加载更多的逻辑(回调)
				if (onRefreshListener != null) {
					onRefreshListener.pullUpLoad();
				}
				// handler.sendEmptyMessageDelayed(0, 2000);
			}
		}
	}

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

		// 当前滚动操作的头对应索引
		this.firstVisibleItem = firstVisibleItem;
	}
}

refresh_listview_header.xml：

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

    <!-- 刷新头 -->
    <LinearLayout
        android:id="@+id/refresh_listview_header_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <!-- 左侧图片 -->
        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp" >

            <ImageView
                android:id="@+id/refresh_listview_header_image"
                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/refresh_listview_header_progress"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:visibility="invisible" />
        </FrameLayout>

        <!-- 刷新文字 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" 
            android:layout_gravity="center"
            android:gravity="center">

            <TextView
                android:id="@+id/refresh_listview_header_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="下拉刷新" />

            <TextView
                android:id="@+id/refresh_listview_header_date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="1999-10-10" />
        </LinearLayout>
    </LinearLayout>
    <!-- 在此添加轮播图 -->

</LinearLayout>

refresh_listview_footer.xml: 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/refresh_listview_footer_foot"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" 
    android:gravity="center">

   <ProgressBar 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"/>
   <TextView 
       android:layout_gravity="center"
       android:gravity="center"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="正在加载"
       android:textSize="20sp"/>

</LinearLayout>


React Native组件之FlatList
xiangzhihong8的专栏
06-07 5171
在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代，可以看到，特别是0.50之后，React Native的组件库在不断地壮大，React Native也正在越来越稳定。 随着版本的升级，React Native引进了一些新的组件中，如FlatList、SectionList等具有更高性能的列表组件，也有与时俱进的用于适配全屏幕的SafeAreaView组件，...
AndroidStudio的PullToRefreshListView简单使用
姚丹的博客
07-07 2389
PullToRefreshListView的下载：https://github.com/chrisbanes/Android-PullToRefresh 1.先将其中的library倒入到Module，然后与App进行关联 2.代码，我并不是将PullToRefreshListView直接写到xml中，而是创建成对象。 PullToRefreshListView pullToRefr
Android自定义控件——ListView的下拉刷新与上拉加载
热门推荐
Vincent的专栏
10-10 1万+
无疑，在Android开发中，ListView是使用非常频繁的控件之一，ListView提供一个列表的容易，允许我们以列表的形式将数据展示到界面上，但是Google给我们提供的原生ListView的控件，虽然在功能上很强大，但是在用户体验和动态效果上，还是比较差劲的。为了改善用户体验，市面上纷纷出现了各种各样的自定义的ListView，他们功能强大，界面美观，使我们该需要学习的地方。其中，使用最频繁的功能无疑就是ListView的下拉刷新和上拉加载数据了，几乎在没一款内容型的App中都可以找到这种控件的身影
自定义控件：下拉刷新
JackChan
12-02 998
PullToRefresh 下拉刷新 上拉加载 掌握自定义的具有下拉刷新和上拉加载功能的 ListView 掌握自定义的侧边栏 SlidingMenu 在日常开发工作中，应用界面常常都是用ListView进行数据展示的，并且界面可以实现下拉刷新和下拉加载功能，本文从根本上来自定义一个具有下拉刷新和上拉加载的 ListView。另外，侧边栏 SlidingMenu的应用场景也很多，这里我们也自定义一个
自定义控件之下拉刷新列表
风与蒲公英
09-06 215
1准备图片 2建立shape_progress.xml用来控制下边两个布局的属性 3建立布局layout_footer_list.xml用来上拉显示更多 4建立layout_header_list.xml用来下拉显示刷新 5建立自定义布局类实现自定义布局的功能 6建立主布局 7在MianActivity中添加适配器(内部类) 8为自定义控件添加响应处理
下拉刷新与上拉加载
小强的博客
12-27 9130
下拉刷新与上拉加载  在使用列表组件展示数据的时候，更新数据的交互曾经是一个没有定论的问题，有留一个刷新按钮的，有按时自动刷新的，还有根本不刷新的。但是随着移动平台的普及，移动应用的用户群越来越大，数据刷新的交互就慢慢固定下来了，而在各种交互方式中脱颖而出的一种就是人们熟悉的“下拉刷新”。   下拉刷新是个很简单也很友好的交互方式，列表滚动到顶端后可以强制下拉一段，拉出来的多余部分会显示一些提示，
Android 自定义ListView——下拉刷新&上拉加载
u013954399的专栏
03-26 344
转载请注明出处：http://blog.youkuaiyun.com/allen315410/article/details/39965327 1.简介        无疑，在Android开发中，ListView是使用非常频繁的控件之一，ListView提供一个列表的容易，允许我们以列表的形式将数据展示到界面上，但是Google给我们提供的原生ListView的控件，虽然在功能上很强大，但是在用户体
React Native 自定义下拉刷新上拉加载的列表的示例
weixin_42336002的博客
08-13 1126
本篇文章主要介绍了React Native 自定义下拉刷新上拉加载的列表的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 在移动端开发中列表页是非常常见的页面，在React Native中我们一般使用FlatList或SectionList组件实现这些列表视图。通常列表页都会有大量的数据需要加载显示，这时候就用到了分页加载，因此对于列表组件来说，实现下拉刷新...
由浅入深学习自定义控件（5)-实现listview的下拉刷新及上拉加载
v587的博客
10-22 2350
注：这是黑马自定义控件中讲的一个例子，比较实用，搬到这来了。 转载请标明出处：http://blog.youkuaiyun.com/lmj623565791/article/details/38238749 1.简介        无疑，在Android开发中，ListView是使用非常频繁的控件之一，ListView提供一个列表的容易，允许我们以列表的形式将数据展示到界面上，但是Google给
自定义ListView和SwipeRefreshLayout实现上拉加载和下拉刷新
Wshiduo的博客
01-21 775
自定义ListView现在早已不是新鲜的了,这里也是作为一个归类罢了. 直接上代码: /** * 自定义ListView实现下拉刷新和上拉加载更多的界面效果,并设有刷新完成监听 * */ public class RefreshListView extends ListView { private int downY = -1; private int headerMea
实现ListView的上拉加载与下拉刷新功能
在本例中，文件名"RefreshListView"很可能表示的是一个自定义的ListView类，该类已经集成了上拉加载和下拉刷新的功能，这样开发者就可以直接在项目中复用这一组件，提高开发效率和应用性能。在实际开发中，开发者应...
深入探索RefreshListView在Java中的自定义下拉刷新功能
在深入介绍“RefreshListView”之前，我们先来了解一下传统的ListView下拉刷新的实现方式和其不足之处。在早期的Android开发中，开发者可能会使用ListView自带的`setOnScrollListener`方法来监听滚动事件，并结合`...
RefreshListView实现上下拉刷新功能的Java DEMO
"RefreshListView"是一个实现了上拉刷新和下拉加载更多数据功能的ListView控件，它可以让开发者非常方便地集成这些功能到他们的应用中。 "RefreshListView"的主要特点和功能如下： 1. 上拉刷新：用户上拉ListView...
Android PullToRefresh 实现ListView下拉刷新与左滑删除教程
`PullToRefresh`库的核心是`PullToRefreshBase`类，它负责处理下拉和上拉的逻辑。在`ListViewActivity`中，你需要创建一个`PullToRefreshListView`实例，并实现`OnRefreshListener`接口，以便在用户执行下拉操作时...
智能聊天机器人的实现(语音引入第三方科大讯飞)
♛ 走心。的专栏
12-05 8653
/** * MainActivity */ package com.example.moo; import java.util.ArrayList; import java.util.Date; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.os.Ha
MPChart饼图自定义图例
♛ 走心。的专栏
09-01 4363
先来个需求图： 该图是项目中需要的，饼图好实现，但MPChart的图例不能显示百分比，需通过自定义实现，二次封装。 Demo图： 以下为实现代码： MainActivity: package com.example.pieview; import android.app.Activity; import android.os.Bundle; import android.w
ScrollView嵌套滑动冲突问题解决
♛ 走心。的专栏
09-26 3091
package com.example.epnc.view; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.widget.ListView; import andr
魔窗SDK集成
♛ 走心。的专栏
03-22 2825
package com.example.tcl.magicwindow; import android.content.Context; import android.content.Intent; import android.net.Uri; import android.support.v7.app.AppCompatActivity; import android.os.Bundle;
自定义控件之轮播图RollViewPager
♛ 走心。的专栏
12-08 2371
import java.util.List; import android.content.Context; import android.os.Handler; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.util.Log; import android.v
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值