实现下拉刷新

有四个步骤：
1.添加提示界面，即ListView的header头布局
2.监听listView滚动事件，onScrollListenter()事件
3.监听ListView的onTouch()事件
4.加载最新数据

------------------效果图----------------------

image.png

先创建一个RefreshLivstView类
----------------代码如下------------
···
package com.example.mylistviewrefresh;

import java.text.SimpleDateFormat;
import java.util.Date;
import com.example.mylistviewfresh.R;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

public class RefreshListView extends ListView implements OnScrollListener {
View header;// 顶部布局文件
int headerHeight;// 顶部布局文件的高度
int firstVisibleItem;//当前第一个可见的item的位置；
int scrollState;// listview当前滚动状态；
boolean isRemark;// 标记，当前是在listview最顶端摁下的；
int startY;//摁下时的Y值

//定义状态变量
int state;// 当前的状态
final int NONE = 0;//正常状态
final int PULL = 1;//提示下拉状态
final int RELEASE = 2;// 提示释放状态；
final int REFRESHING = 3;// 刷新状态
IRefreshListener iRefreshListener;//刷新数据的接口  
public RefreshListView(Context context) {
    super(context);
    initView(context);
}

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

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

/**
 *  初始化界面，添加顶部布局文件到 listview 
 * 
 */
private void initView(Context context) {
    //通过LayoutInflater获取顶部布局
    LayoutInflater inflater = LayoutInflater.from(context);
    header = inflater.inflate(R.layout.header, null);
    measureView(header);//measure测量的方法
    headerHeight = header.getMeasuredHeight();
    Log.i("tag", "headerHeight = " + headerHeight);
    topPadding(-headerHeight);
    this.addHeaderView(header);//添加顶部布局文件
    this.setOnScrollListener(this);
}

/**
 * 通知父布局，占用的宽，高； 
 * 
 * @param view
 */
private void measureView(View view) {
    ViewGroup.LayoutParams p = view.getLayoutParams();
    if (p == null) {
        p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT);
    }
     //宽度
    int width = ViewGroup.getChildMeasureSpec(0, 0, p.width);
    int height;
    int tempHeight = p.height;
    if (tempHeight > 0) {
        height = MeasureSpec.makeMeasureSpec(tempHeight,
                MeasureSpec.EXACTLY);
    } else {//高度为空
        height = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
    }
    view.measure(width, height);
}

/**
 *  设置header布局 上边距；
 *
 */
private void topPadding(int topPadding) {
    header.setPadding(header.getPaddingLeft(), topPadding,
            header.getPaddingRight(), header.getPaddingBottom());
    header.invalidate();
}

@Override//fristVisibleItem  当前界面第一个可见的item(他的位置在哪)
public void onScroll(AbsListView view, int firstVisibleItem,
        int visibleItemCount, int totalItemCount) {
    //fristVisibleItem是不是在最顶端
    this.firstVisibleItem = firstVisibleItem;
}

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

/**
对屏幕触摸的监控， 
 * 先判断当前是否是在顶端。如果是在最顶端，记录下你开始滑动的Y值 
 * 然后在滑动过程中（监听到的是ACTION_MOVE)，不断地判断当前滑动的范围是否到达应该刷新的程度。 
 * (根据当前的Y-之前的startY的值 与我们的控件的高度之间关系来判断） 
 * 然后在监听到手指松开时，根据当前的状态（我们在onmove（）中计算的），做相应的操作。 
 */
@Override//监听
public boolean onTouchEvent(MotionEvent ev) {
    // TODO Auto-generated method stub
    switch (ev.getAction()) {
    case MotionEvent.ACTION_DOWN://按下时
        if (firstVisibleItem == 0) {//判断是不是在最顶端，0是在最顶端
            isRemark = true;
            startY = (int) ev.getY();
        }
        break;

    case MotionEvent.ACTION_MOVE://移动时
        onMove(ev);
        break;
    case MotionEvent.ACTION_UP://抬起时
        if (state == RELEASE) {//提示释放状态
             //即提示松开刷新的状态，一旦松开，进入到正在刷新；这时候就可以加载数据了！ 
            state = REFRESHING;//刷新状态
            // 加载最新数据
            refreshViewByState();
            iRefreshListener.onRefresh();
        } else if (state == PULL) {//如果是下拉状态，不会刷新数据
            
            state = NONE;
            isRemark = false;
            refreshViewByState();
        }
        break;
    }
    return super.onTouchEvent(ev);
}

/**
 判断移动过程操作： 
 * 如果不是顶端，不需要做任何的操作 
 * 否则就获取当前的Y值，与开始的Y值做比较。 
 * 判断下拉的高度，与我们定义的一些临界值做判断（其实这个临界值你可以自己定义） 
 * @param ev
 */
private void onMove(MotionEvent ev) {
    if (!isRemark) {//是不是移动状态
        return;
    }
    int tempY = (int) ev.getY();//当前移动的位置
    int space = tempY - startY;//移动的距离是多少 =  移动的距离-开始标记的距离
    int topPadding = space - headerHeight;
    //根据state当前的状态  改变state当前的状态值
    switch (state) {
    case NONE:
        if (space > 0) {   
            state = PULL;  ////正常状态变为下拉状态
            refreshViewByState();
        }
        break;
    case PULL:
        topPadding(topPadding);
        //如果大于一定高度，并且滚动状态是正在滚动时，就到了松开可以刷新的状态 
        if (space > headerHeight + 30
                && scrollState == SCROLL_STATE_TOUCH_SCROLL) {
            state = RELEASE;
            refreshViewByState();
        }
        break;
    case RELEASE:
        topPadding(topPadding);
        //在提示松开刷新时，如果你往上拖，距离小于一定高度时，提示下拉可以刷新  
        if (space < headerHeight + 30) {  
            state = PULL;
            refreshViewByState();
        } 
        break;
    }
}

/**
 * 根据当前状态，改变界面显示； 
 */
private void refreshViewByState() {
    
    TextView tip = (TextView) header.findViewById(R.id.tip);
    ImageView arrow = (ImageView) header.findViewById(R.id.arrow);
    ProgressBar progress = (ProgressBar) header.findViewById(R.id.progress);
    //给箭头添加一个动画
    RotateAnimation anim = new RotateAnimation(0, 180,
            RotateAnimation.RELATIVE_TO_SELF, 0.5f,
            RotateAnimation.RELATIVE_TO_SELF, 0.5f);
    anim.setDuration(500);//500毫秒
    anim.setFillAfter(true);
    RotateAnimation anim1 = new RotateAnimation(180, 0,
            RotateAnimation.RELATIVE_TO_SELF, 0.5f,
            RotateAnimation.RELATIVE_TO_SELF, 0.5f);
    anim1.setDuration(500);
    anim1.setFillAfter(true);
    switch (state) {
    case NONE:     //正常状态不显示
        arrow.clearAnimation();
        topPadding(-headerHeight);
        break;

    case PULL:     //下拉状态显示箭头，隐藏进度条，以下的状态也类似
        arrow.setVisibility(View.VISIBLE);
        progress.setVisibility(View.GONE);
        tip.setText("下拉可以刷新");
        arrow.clearAnimation();
        arrow.setAnimation(anim1);
        break;
    case RELEASE:  
        arrow.setVisibility(View.VISIBLE);
        progress.setVisibility(View.GONE);
        tip.setText("松开可以刷新");
        arrow.clearAnimation();
        arrow.setAnimation(anim);
        break;
    case REFRESHING:
        topPadding(50);//设置高度
        arrow.setVisibility(View.GONE);//滚动条隐藏
        progress.setVisibility(View.VISIBLE);//箭头显示
        tip.setText("正在加载...");
        arrow.clearAnimation();//移除动画
        break;
    }
}

/**
 *读完数据后
 */
public void refreshComplete() {
    state = NONE;
    isRemark = false;
    refreshViewByState();//刷新界面
    TextView lastupdatetime = (TextView) header
            .findViewById(R.id.lastupdate_time);
    SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 hh:mm:ss");
    Date date = new Date(System.currentTimeMillis());
    String time = format.format(date);
    lastupdatetime.setText(time);
}

public void setInterface(IRefreshListener iRefreshListener){
    this.iRefreshListener = iRefreshListener;
}

/**
 * 刷新数据接口
 * @author Administrator
 */
public interface IRefreshListener{
    public void onRefresh();
}

}

···
-----在MainActivity中-------------
···
package com.example.mylistviewrefresh;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import com.example.mylistviewfresh.R;
import com.example.mylistviewrefresh.RefreshListView.IRefreshListener;
import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.view.Menu;
import android.widget.SimpleAdapter;
/**

1.下拉刷新
2.自定义Aandroid控件，重写ListView
1. ScorllListener滚动监听
  4.Adapter适配器
*/
public class MainActivity extends Activity implements IRefreshListener {
private RefreshListView listView;
private SimpleAdapter simple_adapter;
private List<Map<String, Object>> list;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (RefreshListView) findViewById(R.id.listview);
iniData(); //初始化数据，我们给它加20条Item
//设置SimpleAdapter监听器
/**
* SimpleAdapter的五个参数的含义：
* 第一个：context上下文
* 第二个：用于显示的数据，map的list
* 第三个：Item的布局，即我们自定义的那个文件
* 第四个：与第二个参数紧密联系，与第五个紧密联系，是在map中的键值
* 第五个：我们看到是id（int类型）的数组，
* 这个数组里的东西是哪里来的？是我们自己在布局文件中定义的
*/
simple_adapter = new SimpleAdapter(MainActivity.this, list,
R.layout.listview_item, new String[] { "image", "text" },
new int[] { R.id.image, R.id.text });
//设置适配器
listView.setAdapter(simple_adapter);
```
 listView.setInterface(this);
```
}

//初始化SimpleAdapter数据集
private List<Map<String, Object>> iniData() {
list = new ArrayList<Map<String, Object>>();
for (int i = 0; i < 20; i++) {
Map<String, Object> map = new HashMap<String, Object>();
//解释下这里的数据，key对应SimpleAdapter的第三个参数，
//值对应第五个参数，分别是图片和文字
map.put("text", i);
map.put("image", R.drawable.ic_launcher);
list.add(map);
}
```
 return list;
```
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
//在动作栏中添加条目。
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

/**
- 接口回调，在RefreshListView中可以调用此方法进行数据添加。
  */
  @Override
  public void onRefresh() {
  // //1.获取最新数据 2.通知界面显示数据3.通知listivew刷新数据
  Handler handler = new Handler();
  handler.postDelayed(new Runnable() {
  @Override
  public void run() {
  Map<String, Object> map = new HashMap<String, Object>();
  map.put("text", "滚动添加");
  map.put("image", R.drawable.ic_launcher);
  list.add(0, map);
  listView.setAdapter(simple_adapter);
  simple_adapter.notifyDataSetChanged();
  listView.refreshComplete();
  }
  }, 2000);
  }

}

···
我们的布局 header.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="wrap_content"
android:orientation="vertical" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="10dip"
    android:paddingTop="10dip" >

    <LinearLayout
        android:id="@+id/layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/tip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下拉可以刷新！" />

        <TextView
            android:id="@+id/lastupdate_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <ImageView
        android:id="@+id/arrow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/layout"
        android:layout_marginRight="20dip"
        android:src="@drawable/pull_to_refresh_arrow" />

</LinearLayout>
···
listView.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:gravity="center_vertical"
android:orientation="horizontal" >

<ImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp" />

<TextView
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:textSize="25sp" />

</LinearLayout>
···
-------------activity.xml---------------
···
<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=".MainActivity" >

<com.example.mylistviewrefresh.RefreshListView
    android:id="@+id/listview"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:cacheColorHint="#00000000"
    android:dividerHeight="5dip" />

</RelativeLayout>
···

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 215,539评论 6赞 497
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 91,911评论 3赞 391
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 161,337评论 0赞 351
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 57,723评论 1赞 290
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 66,795评论 6赞 388
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 50,762评论 1赞 294
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 39,742评论 3赞 416
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,508评论 0赞 271
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 44,954评论 1赞 308
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,247评论 2赞 331
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,404评论 1赞 345
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,104评论 5赞 340
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 40,736评论 3赞 324
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,352评论 0赞 21
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,557评论 1赞 268
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 47,371评论 2赞 368
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 44,292评论 2赞 352

实现下拉刷新

推荐阅读更多精彩内容