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的加
4000
载中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();

}

}