android学习笔记 SwipeRefreshLayout 的使用

SwipeRefreshLayout是谷歌推出的官方下拉刷新的控件。下面我们来看SwipeRefreshLayout的具体用法，顾名思义此组件就是一个布局，只不过要注意的是此布局内只能有一个直接子View。其实通过文档我们可以知道SwipeRefreshLayout只不过是继承了ViewGroup。查看文档，我们可以知道，在SwipRefreshLayout中存在一个接口，通过此接口我们可以监听滑动手势，其实使用此组件最重要的步骤就是实现此接口的onRefresh方法，在此方法中实现数据的更新操作。如下：

接口中的方法：

除了OnRefreshListener接口外，SwipRefreshLayout中还有一些其他重要的方法，具体如下：

         1、setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置手势滑动监听器。

         2、setProgressBackgroundColor(int colorRes):设置进度圈的背景色。

         3、setColorScheme(int… colorResIds):设置进度动画的颜色。

         4、setRefreshing(Boolean refreshing):设置组件的刷洗状态。

         5、setSize(int size):设置进度圈的大小，只有两个值：DEFAULT、LARGE

  弄清楚API后，我们下面进行实际编码，首先先做布局，具体内容如下：

<?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:orientation="vertical" >

    <com.spring.swiperefreshlayout.view.RefreshLayout
        android:id="@+id/refresh_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:cacheColorHint="@android:color/transparent" >
        </ListView>
    </com.spring.swiperefreshlayout.view.RefreshLayout>

</LinearLayout>

由于官方推出的只有下拉刷新，没有上拉刷新，所以对SwipeRefreshLayout 进行了重新定于，让它实现上拉效果

package com.spring.swiperefreshlayout.view;

import com.spring.swiperefreshlayout.R;

import android.content.Context;
import android.support.v4.widget.SwipeRefreshLayout;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ListView;

/**
 * 继承自SwipeRefreshLayout,从而实现滑动到底部时上拉加载更多的功能.
 * 
 * @author LY
 */
public class RefreshLayout extends SwipeRefreshLayout implements
		OnScrollListener {

	/**
	 * 滑动到最下面时的上拉操作
	 */

	private int mTouchSlop;
	/**
	 * listview实例
	 */
	private ListView mListView;

	/**
	 * 上拉监听器, 到了最底部的上拉加载操作
	 */
	private OnLoadListener mOnLoadListener;

	/**
	 * ListView的加载中footer
	 */
	private View mListViewFooter;

	/**
	 * 按下时的y坐标
	 */
	private int mYDown;
	/**
	 * 抬起时的y坐标, 与mYDown一起用于滑动到底部时判断是上拉还是下拉
	 */
	private int mLastY;
	/**
	 * 是否在加载中 ( 上拉加载更多 )
	 */
	private boolean isLoading = false;

	/**
	 * @param context
	 */
	public RefreshLayout(Context context) {
		this(context, null);
	}

	public RefreshLayout(Context context, AttributeSet attrs) {
		super(context, attrs);

		mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();

		mListViewFooter = LayoutInflater.from(context).inflate(
				R.layout.listview_footer, null, false);
	}

	@Override
	protected void onLayout(boolean changed, int left, int top, int right,
			int bottom) {
		super.onLayout(changed, left, top, right, bottom);

		// 初始化ListView对象
		if (mListView == null) {
			getListView();
		}
	}

	/**
	 * 获取ListView对象
	 */
	private void getListView() {
		int childs = getChildCount();
		if (childs > 0) {
			View childView = getChildAt(0);
			if (childView instanceof ListView) {
				mListView = (ListView) childView;
				// 设置滚动监听器给ListView, 使得滚动的情况下也可以自动加载
				mListView.setOnScrollListener(this);
				Log.d(VIEW_LOG_TAG, "### 找到listview");
			}
		}
	}

	/*
	 * (non-Javadoc)
	 * 
	 * @see android.view.ViewGroup#dispatchTouchEvent(android.view.MotionEvent)
	 */
	@Override
	public boolean dispatchTouchEvent(MotionEvent event) {
		final int action = event.getAction();

		switch (action) {
		case MotionEvent.ACTION_DOWN:
			// 按下
			mYDown = (int) event.getRawY();
			break;

		case MotionEvent.ACTION_MOVE:
			// 移动
			mLastY = (int) event.getRawY();
			break;

		case MotionEvent.ACTION_UP:
			// 抬起
			if (canLoad()) {
				loadData();
			}
			break;
		default:
			break;
		}

		return super.dispatchTouchEvent(event);
	}

	/**
	 * 是否可以加载更多, 条件是到了最底部, listview不在加载中, 且为上拉操作.
	 * 
	 * @return
	 */
	private boolean canLoad() {
		return isBottom() && !isLoading && isPullUp();
	}

	/**
	 * 判断是否到了最底部
	 */
	private boolean isBottom() {

		if (mListView != null && mListView.getAdapter() != null) {
			return mListView.getLastVisiblePosition() == (mListView
					.getAdapter().getCount() - 1);
		}
		return false;
	}

	/**
	 * 是否是上拉操作
	 * 
	 * @return
	 */
	private boolean isPullUp() {
		return (mYDown - mLastY) >= mTouchSlop;
	}

	/**
	 * 如果到了最底部,而且是上拉操作.那么执行onLoad方法
	 */
	private void loadData() {
		if (mOnLoadListener != null) {
			// 设置状态
			setLoading(true);
			//
			mOnLoadListener.onLoad();
		}
	}

	/**
	 * @param loading
	 */
	public void setLoading(boolean loading) {
		isLoading = loading;
		if (isLoading) {
			mListView.addFooterView(mListViewFooter);
		} else {
			mListView.removeFooterView(mListViewFooter);
			mYDown = 0;
			mLastY = 0;
		}
	}

	/**
	 * @param loadListener
	 */
	public void setOnLoadListener(OnLoadListener loadListener) {
		mOnLoadListener = loadListener;
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {

	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		// 滚动时到了最底部也可以加载更多
		if (canLoad()) {
			loadData();
		}
	}

	/**
	 * 加载更多的监听器
	 * 
	 * @author mrsimple
	 */
	public static interface OnLoadListener {
		public void onLoad();
	}

}

然后在主Activity中实现下拉和上拉效果

public class ListviewActivity extends Activity implements OnRefreshListener,
		OnLoadListener {

	private List<String> datas = new ArrayList<String>();// list数据

	private ListView listView = null;

	private RefreshLayout refresh_layout = null;// 刷新控件

	private ArrayAdapter<String> adapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.listview_layout);
		listView = (ListView) this.findViewById(R.id.listview);
		refresh_layout = (RefreshLayout) this.findViewById(R.id.refresh_layout);
		refresh_layout.setColorScheme(R.color.green, R.color.gray,
				R.color.blue_50, R.color.light_white);// 设置跑动的颜色值
	
		adapter = new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, android.R.id.text1, datas);
		listView.setAdapter(adapter);
		for (int i = 0; i < 30; i++) {
			datas.add("item:" + i);
		}
		adapter.notifyDataSetChanged();
		refresh_layout.setOnRefreshListener(this);// 设置下拉监听
		refresh_layout.setOnLoadListener(this);// 设置上拉监听
	}

	// 下拉触发的函数，这里是sleep 1s然后加入一个数据，然后更新界面
	@Override
	public void onRefresh() {

		new Thread(new Runnable() {
			@Override
			public void run() {
				try {
					Thread.sleep(1000);
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
				datas.add(0, "item:refresh...");
				handler.sendEmptyMessage(0);
			}
		}).start();

	}

	private MyHandler handler = new MyHandler();

	class MyHandler extends Handler {
		@Override
		public void handleMessage(Message msg) {
			switch (msg.what) {
			case 0:
				refresh_layout.setRefreshing(false);//数据刷新后停止刷新
				adapter.notifyDataSetChanged();
				break;
			case 1:
				refresh_layout.setLoading(false);//数据刷新后停止刷新
				;
				adapter.notifyDataSetChanged();
				break;
			default:
				break;
			}
		}
	}

	// 上拉触发的函数，这里是sleep 1s然后加入一个数据，然后更新界面
	@Override
	public void onLoad() {

		new Thread(new Runnable() {
			@Override
			public void run() {
				try {
					Thread.sleep(1000);
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
				datas.add(datas.size(), "item:refresh...");
				handler.sendEmptyMessage(1);
			}
		}).start();

	}

}