新浪微博，和QQ空间里面，都有那个下拉刷新的效果，另很多人眼前一亮，细细分析，原理原来如此。
在原作者的基础上，写了一些注释，和帮助大家更好的阅读理解，（可能其中有些地方注释不准，欢迎指正，谢谢）
源代码下载地址：http://download.csdn.net/detail/weidi1989/4588246
先来看一下效果图：
下面，就亮出关键代码，自定义的一个MyListView：
/**
* 重写一个ListView,主要是添加一个下拉事件
*
* @author way
*
*/
public class MyListView extends ListView implements OnScrollListener {
private static final String TAG = "listview";
private final static int RELEASE_To_REFRESH = 0; // 松开刷新状态
private final static int PULL_To_REFRESH = 1;// 拉动刷新状态
private final static int REFRESHING = 2;// 正在刷新状态
private final static int DONE = 3;// 已经加载完毕状态
private final static int LOADING = 4;// 正在加载数据状态
private final static int RATIO = 3;// 实际的padding的距离与界面上偏移距离的比例
private LayoutInflater inflater;
private LinearLayout headView;// ListView头部的View
private TextView tipsTextview;// 提示信息“下拉刷新”的TextView
private TextView lastUpdatedTextView;// 上次更新时间的TextView
private ImageView arrowImageView;// 箭头的图片
private ProgressBar progressBar;// 刷新进度
private RotateAnimation animation;// 箭头向下动画
private RotateAnimation reverseAnimation;// 逆向箭头动画
private boolean isRecored;// 用于保证startY的值在一个完整的touch事件中只被记录一次
private int headContentWidth;// 头部View内容的宽度
private int headContentHeight;// 头部view内容的高度
private int startY;// 向下触屏事件时的手指起始y轴位置
private int firstItemIndex;// ListView第一项的索引
private int state;// 刷新状态
private boolean isBack;// 是否反弹
private OnRefreshListener refreshListener;// 给外面预留的刷新的接口
private boolean isRefreshable;// 是否刷新的标志位
/**
* 第一个构造器
*
* @param context
* 上下文对象
*/
public MyListView(Context context) {
super(context);
init(context);
}
/**
* 第二个构造器
*
* @param context
* 上下文对象
* @param attrs
* 属性
*/
public MyListView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
/**
* 初始化数据
*
* @param context
* 上下文对象
*/
private void init(Context context) {
// setCacheColorHint(context.getResources().getColor(R.color.transparent));
inflater = LayoutInflater.from(context);
headView = (LinearLayout) inflater.inflate(R.layout.head, null);// 获取ListView头部的view
arrowImageView = (ImageView) headView
.findViewById(R.id.head_arrowImageView);// 从头部的View获取箭头图片
arrowImageView.setMinimumWidth(70);
arrowImageView.setMinimumHeight(50);
progressBar = (ProgressBar) headView
.findViewById(R.id.head_progressBar);// 获取刷新进度条
tipsTextview = (TextView) headView.findViewById(R.id.head_tipsTextView);// 提示信息的TextView
lastUpdatedTextView = (TextView) headView
.findViewById(R.id.head_lastUpdatedTextView);// 最后刷新时间的TextView
measureView(headView);// 自己写的一个方法，没有很理解
headContentHeight = headView.getMeasuredHeight();// 得到headView的原始高度
headContentWidth = headView.getMeasuredWidth();
headView.setPadding(0, -1 * headContentHeight, 0, 0);// 设置内容的内部偏移量
headView.invalidate();
Log.v("size", "width:" + headContentWidth + " height:"
+ headContentHeight);
addHeaderView(headView, null, false);// 加到ListView的头部view，ListView组件提供了两个很实用的功能，那就是可以在顶部和底部添加自定义的视图
setOnScrollListener(this);
// 箭头向下动画
animation = new RotateAnimation(0, -180,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
animation.setInterpolator(new LinearInterpolator());
animation.setDuration(250);
animation.setFillAfter(true);
// 逆向箭头动画
reverseAnimation = new RotateAnimation(-180, 0,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
reverseAnimation.setInterpolator(new LinearInterpolator());
reverseAnimation.setDuration(200);
reverseAnimation.setFillAfter(true);
state = DONE;// 第一次加载默认完成的状态
isRefreshable = false;// 刷新标志位默认为false
}
/**
* 滑动时被调用
*/
public void onScroll(AbsListView view, int firstVisiableItem,
int visibleItemCount, int totalItemCount) {
firstItemIndex = firstVisiableItem;// ListView第一个索引值为ListView数据中第一个可见项
}
/**
* 滑动状态改变时被调用
*/
public void onScrollStateChanged(AbsListView view, int scrollState) {
}
/**
* 触摸事件
*/
public boolean onTouchEvent(MotionEvent event) {
if (isRefreshable) {// 如果刷新标志为true
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:// 向下
if (firstItemIndex == 0 && !isRecored) {
isRecored = true;
startY = (int) event.getY();
Log.v(TAG, "在down时候记录当前位置");
}
break;
case MotionEvent.ACTION_UP:// 向上
if (state != REFRESHING && state != LOADING) {
if (state == DONE) {
// 什么都不做
}
if (state == PULL_To_REFRESH) {// 下拉刷新
state = DONE;
changeHeaderViewByState();// 更新头部view
Log.v(TAG, "由下拉刷新状态，到done状态");
}
if (state == RELEASE_To_REFRESH) {// 释放刷新
state = REFRESHING;
changeHeaderViewByState();
onRefresh();// 调用接口的方法，通知外面
Log.v(TAG, "由松开刷新状态，到done状态");
}
}
isRecored = false;
isBack = false;
break;
case MotionEvent.ACTION_MOVE:// 手指移动
int tempY = (int) event.getY();
if (!isRecored && firstItemIndex == 0) {
Log.v(TAG, "在move时候记录下位置");
isRecored = true;
startY = tempY;
}
if (state != REFRESHING && isRecored && state != LOADING) {
// 保证在设置padding的过程中，当前的位置一直是在head，否则如果当列表超出屏幕的话，当在上推的时候，列表会同时进行滚动
// 可以松手去刷新了
if (state == RELEASE_To_REFRESH) {
setSelection(0);
// 往上推了，推到了屏幕足够掩盖head的程度，但是还没有推到全部掩盖的地步
if (((tempY - startY) / RATIO < headContentHeight)
&& (tempY - startY) > 0) {
state = PULL_To_REFRESH;
changeHeaderViewByState();
Log.v(TAG, "由松开刷新状态转变到下拉刷新状态");
}
// 一下子推到顶了
else if (tempY - startY <= 0) {
state = DONE;
changeHeaderViewByState();
Log.v(TAG, "由松开刷新状态转变到done状态");
}
// 往下拉了，或者还没有上推到屏幕顶部掩盖head的地步
else {
// 不用进行特别的操作，只用更新paddingTop的值就行了
}
}
// 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态
if (state == PULL_To_REFRESH) {
setSelection(0);
// 下拉到可以进入RELEASE_TO_REFRESH的状态
if ((tempY - startY) / RATIO >= headContentHeight) {
state = RELEASE_To_REFRESH;
isBack = true;
changeHeaderViewByState();
Log.v(TAG, "由done或者下拉刷新状态转变到松开刷新");
}
// 上推到顶了
else if (tempY - startY <= 0) {
state = DONE;
changeHeaderViewByState();
Log.v(TAG, "由DOne或者下拉刷新状态转变到done状态");
}
}
// done状态下
if (state == DONE) {
if (tempY - startY > 0) {
state = PULL_To_REFRESH;
changeHeaderViewByState();
}
}
// 更新headView的size
if (state == PULL_To_REFRESH) {
headView.setPadding(0, -1 * headContentHeight
+ (tempY - startY) / RATIO, 0, 0);
}
// 更新headView的paddingTop
if (state == RELEASE_To_REFRESH) {
headView.setPadding(0, (tempY - startY) / RATIO
- headContentHeight, 0, 0);
}
}
break;
}
}
return super.onTouchEvent(event);
}
// 当状态改变时候，调用该方法，以更新界面
private void changeHeaderViewByState() {
switch (state) {
case RELEASE_To_REFRESH:// 松开刷新状态
arrowImageView.setVisibility(View.VISIBLE);// 显示箭头
progressBar.setVisibility(View.GONE);// 移除进度条
tipsTextview.setVisibility(View.VISIBLE);// 显示提示信息
lastUpdatedTextView.setVisibility(View.VISIBLE);// 显示最后刷新时间
arrowImageView.clearAnimation();// 先移除所有动画
arrowImageView.startAnimation(animation);// 加载箭头向下动画
tipsTextview.setText("松开刷新");
Log.v(TAG, "当前状态，松开刷新");
break;
case PULL_To_REFRESH:// 下拉刷新状态
progressBar.setVisibility(View.GONE);// 移除进度条
tipsTextview.setVisibility(View.VISIBLE);// 显示提示信息
lastUpdatedTextView.setVisibility(View.VISIBLE);// 显示最后刷新时间
arrowImageView.clearAnimation();// 先移除所有动画
arrowImageView.setVisibility(View.VISIBLE);// 箭头图片可见
// 如果是由RELEASE_To_REFRESH状态转变来的，就加载动画
if (isBack) {
isBack = false;
arrowImageView.clearAnimation();
arrowImageView.startAnimation(reverseAnimation);
tipsTextview.setText("下拉刷新");
} else {
tipsTextview.setText("下拉刷新");
}
Log.v(TAG, "当前状态，下拉刷新");
break;
case REFRESHING:// 正在刷新状态
headView.setPadding(0, 0, 0, 0);// 无内部偏移
progressBar.setVisibility(View.VISIBLE);// 进度条可见
arrowImageView.clearAnimation();// 先清除动画
arrowImageView.setVisibility(View.GONE);// 再移除箭头动画
tipsTextview.setText("正在刷新...");// 提示信息变成正在刷新...
lastUpdatedTextView.setVisibility(View.VISIBLE);// 最后刷新时间可见
Log.v(TAG, "当前状态,正在刷新...");
break;
case DONE:// 完成状态
headView.setPadding(0, -1 * headContentHeight, 0, 0);
progressBar.setVisibility(View.GONE);
arrowImageView.clearAnimation();
arrowImageView.setImageResource(R.drawable.arrow_down);
tipsTextview.setText("下拉刷新");
lastUpdatedTextView.setVisibility(View.VISIBLE);
Log.v(TAG, "当前状态，done");
break;
}
}
// 刷新完成
public void onRefreshComplete() {
state = DONE;
SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 HH:mm");
String date = format.format(new Date());
lastUpdatedTextView.setText("最近更新:" + date);
changeHeaderViewByState();
}
/**
* 一个下拉刷新的监听接口
*
*/
public interface OnRefreshListener {
public void onRefresh();
}
// 监听方法
public void setonRefreshListener(OnRefreshListener refreshListener) {
this.refreshListener = refreshListener;
isRefreshable = true;
}
// 正在刷新
private void onRefresh() {
if (refreshListener != null) {
refreshListener.onRefresh();
}
}
/**
* 此方法是“估计”headView的width以及height
*
* @param child
* 传入进来的headView
*/
private void measureView(View child) {
ViewGroup.LayoutParams p = child.getLayoutParams();
if (p == null) {
p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
}
int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
int lpHeight = p.height;
int childHeightSpec;
if (lpHeight > 0) {
childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
MeasureSpec.EXACTLY);
} else {
childHeightSpec = MeasureSpec.makeMeasureSpec(0,
MeasureSpec.UNSPECIFIED);
}
child.measure(childWidthSpec, childHeightSpec);
}
// ListView添加Adapter方法
public void setAdapter(BaseAdapter adapter) {
SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 HH:mm");
String date = format.format(new Date());
lastUpdatedTextView.setText("最近更新:" + date);
super.setAdapter(adapter);
}
}
分享到：
相关推荐
实现WebView的下拉刷新功能，我们可以利用Android的SwipeRefreshLayout控件。SwipeRefreshLayout是Android SDK提供的一种可以包裹其他ViewGroup，尤其是ListView、GridView、RecyclerView等的容器，当用户下拉时，它...
Android 聊天表情实现以及下拉刷新聊天记录.zip Android 聊天表情实现以及下拉刷新聊天记录.zip Android 聊天表情实现以及下拉刷新聊天记录.zip Android 聊天表情实现以及下拉刷新聊天记录.zip Android 聊天表情实现...
本教程将指导你在Android Studio中为ListView实现下拉刷新功能。 1. **下拉刷新概念** 下拉刷新（Pull-to-Refresh）是一种常见的UI设计模式，允许用户通过从列表顶部向下拉动来触发数据的更新。这种功能常见于新闻...
这个"Android应用源码 ListView下拉刷新 Demo"提供了一个实际的例子，帮助开发者了解如何在ListView中实现这一功能。 1. **SwipeRefreshLayout**：Android SDK 提供了一个名为SwipeRefreshLayout的布局容器，它是...
"android listview上拉刷新下拉加载"这个主题涉及到ListView的两个关键功能扩展：上拉刷新（Pull-to-Refresh）和下拉加载更多（Load-more）。这两个特性使得用户可以在滚动到列表底部时加载更多数据，而在顶部时刷新...
提到的开源项目"PullToRefresh"是一个流行的Android库，专门用于实现下拉刷新效果。它的核心原理是监听`ScrollView`的滚动事件，当用户下拉到顶部时触发特定的动画和逻辑，如显示一个刷新指示器并执行数据加载操作。...
本教程将基于提供的`PullToRefreshTest`项目，详细介绍如何在Android中快速实现下拉刷新功能。我们将讨论以下几个关键知识点： 1. **SwipeRefreshLayout**： Android SDK提供了一个名为`SwipeRefreshLayout`的布局...
本教程将详细介绍如何在ListView中实现下拉刷新功能，让应用更具交互性和实时性，就像微博那样显示最新的更新内容。下拉刷新功能使得用户无需离开当前页面就能获取到最新的信息，提升了用户体验。 首先，我们需要...
`PullToRefreshListFragment`这个名字暗示了这是一个针对ListFragment的下拉刷新实现。ListFragment是Android SDK中的一个类，用于在Fragment中展示ListView。集成下拉刷新功能后，用户在列表顶部下拉即可刷新列表...
"Android 阻尼下拉刷新列表的实现方法" Android 阻尼下拉刷新列表是一个非常实用的功能，它可以提供给用户一个更加流畅的体验。下面我们将详细介绍 Android 阻尼下拉刷新列表的实现方法。 首先，我们需要了解 ...
本示例“Android自定义上拉加载下拉刷新控件”提供了一个基于Android Studio的DEMO，帮助开发者理解并实现这一功能。 首先，我们来看下拉刷新（Pull-to-Refresh）功能。这是在用户滚动到列表顶部时，可以通过下拉...
本篇文章将探讨一种实现Android下拉刷新的方法，主要涉及自定义View组件以及相关监听器的使用。 首先，我们需要创建一个自定义的View组件，我们将其命名为`PullToRefreshView`。这个组件需要继承自`LinearLayout`或...
在Android开发中，自定义ListView实现下拉刷新和加载更多的功能是常见的需求，尤其是在构建具有数据流滚动和实时更新的应用程序时。这个"自定义ListView实现下拉刷新+加载更多功能Demo"旨在帮助开发者理解如何集成...
本资源“android应用源码Android重写listview实现下拉刷新.zip”提供了一个解决方案，教你如何在Android应用中自定义ListView以实现下拉刷新功能。 1. **下拉刷新概念** 下拉刷新（Pull-to-Refresh）是移动应用中...
这个"Android listView下拉刷新上拉刷新带阻尼效果"的源码Demo是几年前的一个示例，旨在帮助学生理解和实现Android应用中的下拉刷新和上拉加载更多功能，同时加入了阻尼效果，提升用户体验。阻尼效果是指在用户滑动...
Android 下拉刷新实现原理 Android 下拉刷新框架实现 下拉刷新是一种适用于按照从新到旧的时间顺序排列 feeds 的应用，在这种应用场景中，看完旧的内容时，用户会很自然地下拉查找更新的内容，因此下拉刷新就显得...
"android最经典的下拉刷新-绝对好用"的标题表明我们将讨论一种广泛使用且效果良好的下拉刷新实现。 下拉刷新的基本原理是监听用户的滑动事件，当用户将列表顶部拉到一定程度时，触发刷新操作，然后通过网络请求或者...