有四个步骤:
1.添加提示界面,即ListView的header头布局
2.监听listView滚动事件,onScrollListenter()事件
3.监听ListView的onTouch()事件
4.加载最新数据
------------------效果图----------------------
先创建一个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
- ScorllListener滚动监听
4.Adapter适配器
- ScorllListener滚动监听
-
*/
public class MainActivity extends Activity implements IRefreshListener {
private RefreshListView listView;
private SimpleAdapter simple_adapter;
private 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 Listreturn 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() {
Mapmap = new HashMap ();
map.put("text", "滚动添加");
map.put("image", R.drawable.ic_launcher);
list.add(0, map);
listView.setAdapter(simple_adapter);
simple_adapter.notifyDataSetChanged();
listView.refreshComplete();
}
}, 2000);
}
- 接口回调,在RefreshListView中可以调用此方法进行数据添加。
}
···
我们的布局 header.xml
···
android:layout_height="wrap_content"
android:orientation="vertical" >
style="?android:attr/progressBarStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/layout"
android:layout_marginRight="20dip"
android:visibility="gone" />
···
listView.xml
···
android:layout_height="match_parent"
android:gravity="center_vertical"
android:orientation="horizontal" >
···
-------------activity.xml---------------
···
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
···