一、实现效果
具体实现效果如图示:
二、实现步骤
(1)添加header头布局,通过设置header的边距来显示和隐藏header;
(2)通过OnScrollListener监听事件,获取ListView的活动状态以及firstVisibleItem首位可见的Item;
(3)通过OnTouchListener监听事件,通过判断是否在首位,以及处理ACTION_DOWN,ACTION_MOVE,ACTION_UP
各个状态事件,并记录none(正常,pull(下拉),release(释放),reflashing(刷新)等状态。
ACTION_DOWN:判断是否在首列,若是,记录该点位置startY;
ACTION_MOVE:记录移动后的tempY,获取间距space,与View的高度比较后,动态获取View上边距,并设置。
ACTION_UP:记录为reflashing状态,刷新数据。
(4)刷新完成后,还原各自所处状态,隐藏header。
三、工程实现
(1)工程视图:
(2)由于ListView上拉已经实现过了这里就只看自定义MyListView.java实现:
package com.example.listviewdemo1;
import java.text.SimpleDateFormat;
import java.util.Date;
import android.content.Context;
import android.util.AttributeSet;
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.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.AbsListView.OnScrollListener;
public class MyListView extends ListView implements OnScrollListener {
View footer, header;// 底部布局
int totalItemCount;// ListView加载数据总量
int lastVisibaleItem;// 底部显示的数据
boolean isLoading;// 是否在加载
OnLoaderListener loaderListener;// 加载监听
// 下拉刷新数据
int headerHeight;// 顶部布局文件的高度;
int scrollState;// listview 当前滚动状态;
boolean isRemark;// 标记,当前是在listview最顶端摁下的;
int startY;// 摁下时的Y值;
int state;// 当前的状态;
final int NONE = 0;// 正常状态;
final int PULL = 1;// 提示下拉状态;
final int RELESE = 2;// 提示释放状态;
final int REFLASHING = 3;// 刷新状态;
public MyListView(Context context) {
super(context);
initView(context);
}
public MyListView(Context context, AttributeSet attrs) {
super(context, attrs);
initView(context);
}
public MyListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initView(context);
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
if (totalItemCount == lastVisibaleItem && scrollState == SCROLL_STATE_IDLE) {
if (!isLoading) {
isLoading = true;
footer.findViewById(R.id.load_layout).setVisibility(View.VISIBLE);
loaderListener.onLoad();// 加载更多
}
}
this.scrollState = scrollState;
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount,
int totalItemCount) {
this.lastVisibaleItem = firstVisibleItem + visibleItemCount;
this.totalItemCount = totalItemCount;
}
private void initView(Context context) {
LayoutInflater inflater = LayoutInflater.from(context);
footer = inflater.inflate(R.layout.footer_layout, null);
header = inflater.inflate(R.layout.header_layout, null);
measureView(header);
headerHeight = header.getMeasuredHeight();
footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
topPadding(-headerHeight);
this.addHeaderView(header);// 加到顶部
this.addFooterView(footer);// 加到底部
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 布局 上边距;
*
* @param topPadding
*/
private void topPadding(int topPadding) {
header.setPadding(header.getPaddingLeft(), topPadding, header.getPaddingRight(),
header.getPaddingBottom());
header.invalidate();
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
if (getFirstVisiblePosition() == 0) {
isRemark = true;
startY = (int) ev.getY();
}
break;
case MotionEvent.ACTION_MOVE:
onMove(ev);
break;
case MotionEvent.ACTION_UP:
if (state == RELESE) {
state = REFLASHING;
// 加载最新数据;
reflashViewByState();
loaderListener.onReflash();
} else if (state == PULL) {
state = NONE;
isRemark = false;
reflashViewByState();
}
break;
}
return super.onTouchEvent(ev);
}
/**
* 判断移动过程操作;
*
* @param ev
*/
private void onMove(MotionEvent ev) {
if (!isRemark) {
return;
}
int tempY = (int) ev.getY();
int space = tempY - startY;
int topPadding = space - headerHeight;
switch (state) {
case NONE:
if (space > 0) {
state = PULL;
reflashViewByState();
}
break;
case PULL:
topPadding(topPadding);
if (space > headerHeight + 30 && scrollState == SCROLL_STATE_TOUCH_SCROLL) {
state = RELESE;
reflashViewByState();
}
break;
case RELESE:
topPadding(topPadding);
if (space < headerHeight + 30) {
state = PULL;
reflashViewByState();
} else if (space <= 0) {
state = NONE;
isRemark = false;
reflashViewByState();
}
break;
}
}
/**
* 根据当前状态,改变界面显示;
*/
private void reflashViewByState() {
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);
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 RELESE:
arrow.setVisibility(View.VISIBLE);
progress.setVisibility(View.GONE);
tip.setText("松开可以刷新!");
arrow.clearAnimation();
arrow.setAnimation(anim);
break;
case REFLASHING:
topPadding(50);
arrow.setVisibility(View.GONE);
progress.setVisibility(View.VISIBLE);
tip.setText("正在刷新...");
arrow.clearAnimation();
break;
}
}
/**
* 下拉获取完数据;
*/
public void reflashComplete() {
state = NONE;
isRemark = false;
reflashViewByState();
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 loadComplete() {
isLoading = false;
footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
}
public void setLoaderListener(OnLoaderListener loaderListener) {
this.loaderListener = loaderListener;
}
/**
* 加载回调接口
*
* @author shizhao
*
*/
public interface OnLoaderListener {
public void onLoad();// 上拉加载回调
public void onReflash();// 下拉刷新回调
}
}
其中实现了View footer, header顶部和底部布局,上拉加载和下拉刷新都在代码中实现。
(3)调用类实现如下:
public class MainActivity extends Activity implements OnLoaderListener {
ArrayList<ItemEntity> itemEntities;
MyAdapter adapter;
MyListView listview;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getData();
showListView(itemEntities);
}
private void showListView(ArrayList<ItemEntity> itemEntities) {
if (adapter == null) {
listview = (MyListView) findViewById(R.id.listview);
listview.setLoaderListener(this);
adapter = new MyAdapter(itemEntities, this);
listview.setAdapter(adapter);
} else {
adapter.onDataChange(itemEntities);
}
}
private void getData() {
itemEntities = new ArrayList<ItemEntity>();
for (int i = 0; i < 4; i++) {
ItemEntity itemEntity = new ItemEntity();
itemEntity.setName("测试程序:" + i);
itemEntity.setInfo("这是初始节目加载的Item");
itemEntity.setItemId(R.drawable.ic_launcher);
itemEntities.add(itemEntity);
}
}
private void loadData() {
for (int i = 0; i < 2; i++) {
ItemEntity itemEntity = new ItemEntity();
itemEntity.setName("上拉加载程序:" + i);
itemEntity.setInfo("这是向上拖动加载的Item");
itemEntity.setItemId(R.drawable.ic_launcher);
itemEntities.add(itemEntity);
}
}
private void setReflashData() {
for (int i = 0; i < 2; i++) {
ItemEntity itemEntity = new ItemEntity();
itemEntity.setName("下拉刷新程序:" + i);
itemEntity.setInfo("这是向下拖动刷新的Item");
itemEntity.setItemId(R.drawable.test_icon);
itemEntities.add(0, itemEntity);
}
}
@Override
public void onLoad() {
Handler handler = new Handler();
handler.postDelayed(new Runnable() {
@Override
public void run() {
// 获取更多数据
loadData();
// 更新listview显示;
showListView(itemEntities);
// 通知listview加载完毕
listview.loadComplete();
}
}, 2000);
}
@Override
public void onReflash() {
Handler handler = new Handler();
handler.postDelayed(new Runnable() {
@Override
public void run() {
// 获取最新数据
setReflashData();
// 通知界面显示
showListView(itemEntities);
// 通知listview 刷新数据完毕;
listview.reflashComplete();
}
}, 2000);
}
}
其中使用Handler的post方法实现延迟,模拟网络加载延迟现象,实际应用中并不需要。
整个工程已打包上传,需要的话自行下载:http://download.csdn.net/detail/shizhao0716/8391097