Android学习（45） -- 自定义控件（9） 下拉刷新 （添加footer）

1、创建底部的布局 layout_footer.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:gravity="center"
android:orientation="horizontal" >

<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:layout_marginTop="10dp"
android:indeterminate="true"
android:indeterminateDrawable="@drawable/indeterminate_drawable"
android:indeterminateDuration="1000"
android:visibility="invisible" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:layout_marginLeft="15dp"
android:layout_marginTop="10dp"
android:text="加载更多"
android:textColor="#aa000000"
android:textSize="20sp" />

</LinearLayout>

2、在自定义的ListView中 初始化话FooterView ，并添加到ListView的底部

/**
* 初始化FooterView
*/
private void initFooterView() {
footerView = View.inflate(getContext(), R.layout.layout_footer, null);

//获取自定义组件的宽 高
footerView.measure(0, 0);
footerViewHeight = footerView.getMeasuredHeight();
//将头部进行隐藏
footerView.setPadding(0, -footerViewHeight, 0, 0);
//将FooterView添加到ListView的底部
addFooterView(footerView);
}

3、让自定义View，并实现OnScrollListener并重写 ，在初始化方法中调用监听器

private void init(){

setOnScrollListener(this);
.....
}

/**
* scrollState的值：
* 0 = SCROLL_STATE_IDLE: 闲置状态，就是手指松开
* 1 = SCROLL_STATE_TOUCH_SCROLL：   手指触摸滑动，就是按着来滑动
* 2 = SCROLL_STATE_FLING：  快速滑动后松开
*/
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
//Log.e("main", scrollState + "");
//当手指松开 并且 此时是ListView中的item是最后一条的时候    显示FooterView
//getCount获取的是ListView的总的条数
if(scrollState == OnScrollListener.SCROLL_STATE_IDLE
&& getLastVisiblePosition() == (getCount() -1 )
&& !isLoadingMore ){
isLoadingMore = true;

footerView.setPadding(0, 0, 0, 0);
//将列表移动到指定的Position处
setSelection(getCount());

//如果监听不为空  则调用加载更多方法
if(listener!=null){
listener.onLoadingMore();
}

}
}

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

4、在接口中添加一个加载更多的方法

public interface OnRefreshListener{
//下来刷新的时候调用
void onPullRefresh();

//加载更多
void onLoadingMore();
}

5、在MainActivity中重写 --加载更多方法

private void initData() {
。。。。。

refLv.setOnRefreshListener(new OnRefreshListener() {

public void onPullRefresh() {
//Log.e("MainActivity", "进入正在刷新状态，此时应请求服务器数据");
//需要联网请求服务器数据，然后更新UI
requestDataFromServer(false);
}

@Override
public void onLoadingMore() {
requestDataFromServer(true);
}
});
}

/**
* 模拟向服务器请求数据
* @param isLoadingMore  用于区分 是加载更多数据  还是下拉刷新
*/
private void requestDataFromServer(final boolean isLoadingMore){
new Thread(){
public void run() {
//模拟请求服务的一个时间长度
SystemClock.sleep(3000);

//将数据添加到头部
if(isLoadingMore){
list.add("加载更多的数据-1");
list.add("加载更多的数据-2");
list.add("加载更多的数据-3");
}else {
list.add(0, "下拉刷新的数据");
}

//更新UI
handler.sendEmptyMessage(0);
};
}.start();
}

6、修改下 自定View中的 completeRefresh()，重置footerView状态

/**
* 完成刷新 重置为下拉刷新状态
* 在请求完数据 更新Adapter之后  在UI线程中调用该方法
*/
public void completeRefresh(){

if(isLoadingMore){
//重置FooterView状态
footerView.setPadding(0, -footerViewHeight, 0, 0);
isLoadingMore = false;
}else{
//HeaderView状态
//隐藏HeaderView
headerView.setPadding(0, -headerViewHeight, 0, 0);
//状态改变
currentState = PULL_REFRESH;
//ProgressBar隐藏
pb_rotate.setVisibility(View.INVISIBLE);
//图片显示
iv_arrow.setVisibility(View.VISIBLE);
tv_state.setText("下拉刷新");
tv_time.setText("最后刷新: " + getCurrentTime());

}
}

总的代码

public class RefreshListView extends ListView implements OnScrollListener {

private View headerView;		//HeaderView
private int headerViewHeight;	//HeaderViewHeight
private View footerView;		// footerView
private int footerViewHeight;	// footerViewHeight

private int downY ;	//按下时 的 Y坐标点

private final int PULL_REFRESH = 0;			//下拉刷新的状态
private final int RELEASE_REFRESH = 1;		//松开刷新的状态
private final int REFRESHING = 2;			//正在刷新的状态
private int currentState = PULL_REFRESH;
private ImageView iv_arrow;
private ProgressBar pb_rotate;
private TextView tv_state;
private TextView tv_time;

private boolean  isLoadingMore = false;	//当前是否正在处于加载更多

//旋转动画
private RotateAnimation  upAnimation, downAnimation;

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

public RefreshListView(Context context) {
super(context);
init();
}

/**
* 初始化ListView中的数据
*/
private void init(){

setOnScrollListener(this);

//初始化HeaderView
initHeaderView();
//初始化动画
initRotateAnimation();
//初始化FooterView
initFooterView();
}

/**
* 初始化动画
*/
private void initRotateAnimation() {

//向上的动画
upAnimation = new RotateAnimation(0, -180,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
upAnimation.setDuration(300);
upAnimation.setFillAfter(true);

//向下的动画
downAnimation = new RotateAnimation( -180, -360,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
downAnimation.setDuration(300);
downAnimation.setFillAfter(true);
}

/**
* 添加一个HeaderView
*/
private void initHeaderView() {
//获取头部的布局
headerView = View.inflate(getContext(),
R.layout.layout_header, null);

iv_arrow = (ImageView) headerView.findViewById(R.id.iv_arrow);
pb_rotate = (ProgressBar) headerView.findViewById(R.id.pb_rotate);

tv_state = (TextView) headerView.findViewById(R.id.tv_state);
tv_time = (TextView) headerView.findViewById(R.id.tv_time);

//获取自定义组件的宽 高
headerView.measure(0, 0);
headerViewHeight = headerView.getMeasuredHeight();
//将头部进行隐藏
headerView.setPadding(0, -headerViewHeight, 0, 0);
//将头部添加到RefreshListView中
addHeaderView(headerView);
}

/**
* 初始化FooterView
*/
private void initFooterView() {
footerView = View.inflate(getContext(), R.layout.layout_footer, null);

//获取自定义组件的宽 高
footerView.measure(0, 0);
footerViewHeight = footerView.getMeasuredHeight();
//将头部进行隐藏
footerView.setPadding(0, -footerViewHeight, 0, 0);
//将FooterView添加到ListView的底部
addFooterView(footerView);
}

@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
downY = (int) ev.getY();
break;
case MotionEvent.ACTION_MOVE:
//如果在刷新中的话 就不让操作了
if(currentState == REFRESHING){
break;
}

//获取到移动的大小
int delaY = (int)(ev.getY() - downY) ;
//计算出新的headerViewHeight
int paddingTop = -headerViewHeight + delaY;

if(paddingTop > -headerViewHeight
&& getFirstVisiblePosition() ==  0){
headerView.setPadding(0, paddingTop, 0, 0);

if(paddingTop >= 0
&¤tState == PULL_REFRESH){
//下拉刷新状态 进入松开刷新状态
currentState = RELEASE_REFRESH;
refreshHeaderView();

}else if(paddingTop < 0
&& currentState == RELEASE_REFRESH){
//松开刷新状态 进入下拉刷新状态
currentState = PULL_REFRESH;
refreshHeaderView();
}

//拦截TouchMove，不让listview处理该次move事件,会造成listview无法滑动
return true;
}

break;
case MotionEvent.ACTION_UP:
if(currentState == PULL_REFRESH){
//隐藏HeaderView
headerView.setPadding(0, -headerViewHeight, 0, 0);
}else if(currentState == RELEASE_REFRESH){
headerView.setPadding(0, 0, 0, 0);
currentState = REFRESHING;
refreshHeaderView();

//模拟延时
//				new Handler().postDelayed(new Runnable() {
//
//					@Override
//					public void run() {
//						completeRefresh();
//					}
//				}, 3000);

if(listener != null){
listener.onPullRefresh();
}
}

break;
}

return super.onTouchEvent(ev);
}

/**
* 根据  currentState 来更新 HeaderView
*/
private void refreshHeaderView(){
switch (currentState) {
case PULL_REFRESH: //下拉刷新的状态
tv_state.setText("下拉刷新");
iv_arrow.startAnimation(downAnimation);
break;
case RELEASE_REFRESH: //松开刷新的状态
tv_state.setText("松开刷新");
iv_arrow.startAnimation(upAnimation);
break;
case REFRESHING://正在刷新的状态
//清除动画  可能动画未执行完毕  所以需要清除动画
iv_arrow.clearAnimation();
//让图标隐藏
iv_arrow.setVisibility(View.INVISIBLE);
//ProgressBar 显示可见
pb_rotate.setVisibility(View.VISIBLE);
tv_state.setText("正在刷新...");

break;
}
}

/**
* 完成刷新 重置为下拉刷新状态
* 在请求完数据 更新Adapter之后  在UI线程中调用该方法
*/
public void completeRefresh(){

if(isLoadingMore){
//重置FooterView状态
footerView.setPadding(0, -footerViewHeight, 0, 0);
isLoadingMore = false;
}else{
//HeaderView状态
//隐藏HeaderView
headerView.setPadding(0, -headerViewHeight, 0, 0);
//状态改变
currentState = PULL_REFRESH;
//ProgressBar隐藏
pb_rotate.setVisibility(View.INVISIBLE);
//图片显示
iv_arrow.setVisibility(View.VISIBLE);
tv_state.setText("下拉刷新");
tv_time.setText("最后刷新: " + getCurrentTime());

}
}
/**
* 获取当前时间
* @return
*/
private String getCurrentTime(){
SimpleDateFormat format = new SimpleDateFormat("yy-MM-dd HH:mm:ss");
return format.format(new Date());
}

/**
* 定义刷新监听接口，用于处理刷新过程中业务逻辑请求的处理
* @author Denny
* @date 2016-4-26
*/
public interface OnRefreshListener{
//下来刷新的时候调用
void onPullRefresh();

//加载更多
void onLoadingMore();
}

private OnRefreshListener  listener;

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

/**
* scrollState的值：
* 0 = SCROLL_STATE_IDLE: 闲置状态，就是手指松开
* 1 = SCROLL_STATE_TOUCH_SCROLL：   手指触摸滑动，就是按着来滑动
* 2 = SCROLL_STATE_FLING：  快速滑动后松开
*/
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
//Log.e("main", scrollState + "");
//当手指松开 并且 此时是ListView中的item是最后一条的时候    显示FooterView
//getCount获取的是ListView的总的条数
if(scrollState == OnScrollListener.SCROLL_STATE_IDLE
&& getLastVisiblePosition() == (getCount() -1 )
&& !isLoadingMore ){
isLoadingMore = true;

footerView.setPadding(0, 0, 0, 0);
//将列表移动到指定的Position处
setSelection(getCount());

//如果监听不为空  则调用加载更多方法
if(listener!=null){
listener.onLoadingMore();
}

}
}

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

public class MainActivity extends Activity {

private RefreshListView refLv;
private ArrayList<String> list = new ArrayList<String>();
private MyAdapter myAdapter;

private Handler handler = new Handler(){
public void handleMessage(android.os.Message msg) {
//更新UI
myAdapter.notifyDataSetChanged();

//重置状态
refLv.completeRefresh();
};
};

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

initView();

initData();

}

/**
* 初始化View
*/
private void initView() {
setContentView(R.layout.activity_main);
refLv = (RefreshListView) findViewById(R.id.refLv);
}

/**
* 初始化数据
*/
private void initData() {
for (int i = 0; i < 15; i++) {
list.add("ListView原来数据 ：" + i);
}

//获取头部的布局
//		final View headerView = View.inflate(MainActivity.this,
//				R.layout.layout_header, null);
//1、第一种   获取自动加载View的高度的方式  使用监听的方式
//		//使用inflate是异步的  要想获取到加载组件的高度 需要使用 getViewTreeObserver 进行监听
//		headerView.getViewTreeObserver().addOnGlobalLayoutListener(
//				new OnGlobalLayoutListener() {
//
//			@Override
//			public void onGlobalLayout() {
//
//				//要先remove掉一下
//				headerView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
//
//				//获取头部布局的高度
//				int headerViewHeight = headerView.getHeight();
//				//将头部进行隐藏
//				headerView.setPadding(0, -headerViewHeight, 0, 0);
//				refLv.addHeaderView(headerView);
//			}
//		});

//  第 一种   获取动态 自定义组件的宽 高
//		headerView.measure(0, 0); //自动的通知系统获取高度和宽度
//		int headerViewHeight = headerView.getMeasuredHeight();
//		//将头部进行隐藏
//		headerView.setPadding(0, -headerViewHeight, 0, 0);
//		refLv.addHeaderView(headerView);

myAdapter = new MyAdapter();
refLv.setAdapter(myAdapter);

refLv.setOnRefreshListener(new OnRefreshListener() {

public void onPullRefresh() {
//Log.e("MainActivity", "进入正在刷新状态，此时应请求服务器数据");
//需要联网请求服务器数据，然后更新UI
requestDataFromServer(false);
}

@Override
public void onLoadingMore() {
requestDataFromServer(true);
}
});
}

/**
* 模拟向服务器请求数据
* @param isLoadingMore  用于区分 是加载更多数据  还是下拉刷新
*/
private void requestDataFromServer(final boolean isLoadingMore){
new Thread(){
public void run() {
//模拟请求服务的一个时间长度
SystemClock.sleep(3000);

//将数据添加到头部
if(isLoadingMore){
list.add("加载更多的数据-1");
list.add("加载更多的数据-2");
list.add("加载更多的数据-3");
}else {
list.add(0, "下拉刷新的数据");
}

//更新UI
handler.sendEmptyMessage(0);
};
}.start();
}

class MyAdapter extends BaseAdapter {

@Override
public int getCount() {
return list.size();
}

@Override
public Object getItem(int position) {
return null;
}

@Override
public long getItemId(int position) {
return 0;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
TextView tv = new TextView(MainActivity.this);
tv.setPadding(20, 20, 20, 20);
tv.setTextSize(18);

tv.setText(list.get(position));

return tv;
}

}

}