一、SwipeRefreshLayout简单介绍
1、SwipeRefreshLayout是Google推出的刷新控件。
2、可以设置下拉刷新的高度,达到一定高度时才会刷新
3、使用该控件实现刷新时,需要在这个布局里包裹可以滑动的子控件,如ListView等,并且只能有一个子控件。
4、SwipeRefreshLayout只实现了下拉刷新功能,上拉加载需要自定义实现
二、SwipeRefreshLayout主要方法介绍
- setProgressViewEndTarget (boolean scale, int end)
设置下拉刷新高度,参数:scale 是否缩放 end 下拉高度 - setProgressViewOffset(boolean scale, int start, int end)
设置下拉刷新高度,参数:scale 是否缩放 start 刷新的起始位置 end 下拉的最大高度 - setDistanceToTriggerSync(int distance)
设置下拉刷新高度,参数:distance 手指下拉的具体高度值 - isRefreshing()
判断当前的状态是否是刷新状态。 - setColorSchemeResources(int… colorResIds)
设置下拉进度条的颜色主题,最多4个参数,每转一圈就显示一种颜色。 - setProgressBackgroundColorSchemeResource(int colorRes)
设置下拉进度条的背景颜色,默认白色。 - setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener)
设置下拉刷新监听,需要重写onRefresh()方法,在里面实现请求数据的逻辑。 - setRefreshing(boolean refreshing)
设置刷新状态,true表示正在刷新,false表示取消刷新。
三、自定义View继承SwipeRefreshLayout,实现上拉加载更多功能
public class SwipeRefreshView extends SwipeRefreshLayout implements AbsListView.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;
public SwipeRefreshView(Context context) {
this(context, null);
}
public SwipeRefreshView(Context context, AttributeSet attrs) {
super(context, attrs);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
mListViewFooter = LayoutInflater.from(context).inflate(R.layout.view_footer, null);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
if (mListView == null) {
// 初始化ListView对象
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);
}
}
}
@Override
public boolean dispatchTouchEvent(MotionEvent event) {
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
mYDown = (int) event.getY();
break;
case MotionEvent.ACTION_MOVE:
mLastY = (int) event.getY();
break;
case MotionEvent.ACTION_UP:
if (canLoad()) {
loadData();
}
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;
}
private void loadData() {
if (mOnLoadListener != null) {
setLoading(true);
mOnLoadListener.onLoad();
}
}
public void setLoading(boolean loading) {
isLoading = loading;
if (loading) {
mListView.addFooterView(mListViewFooter);
} else {
mListView.removeFooterView(mListViewFooter);
mYDown = 0;
mLastY = 0;
}
}
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();
}
}
public static interface OnLoadListener {
public void onLoad();
}
}
主布局实现
<com.example.swiperefreshviewdemo.view.SwipeRefreshView
android:id="@+id/swipe_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
</com.example.swiperefreshviewdemo.view.SwipeRefreshView>
加载更多布局实现
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="48dp">
<ProgressBar
android:id="@+id/load_progress"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_centerVertical="true"
android:layout_marginLeft="30dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="正在努力加载中..."
android:textColor="@android:color/black"
android:textSize="16sp" />
</RelativeLayout>
activity中使用
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final List<String> datas = new ArrayList<>();
for (int i = 0; i < 20; i++) {
datas.add("测试数据--" + i);
}
final BaseAdapter adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, datas);
final ListView listView = findViewById(R.id.list_view);
final SwipeRefreshView swipeRefreshView = findViewById(R.id.swipe_layout);
listView.setAdapter(adapter);
swipeRefreshView.setColorSchemeResources(android.R.color.holo_blue_light, android.R.color.holo_red_light);
// 设置下拉刷新监听器
swipeRefreshView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
Toast.makeText(MainActivity.this, "refresh", Toast.LENGTH_SHORT).show();
swipeRefreshView.postDelayed(new Runnable() {
@Override
public void run() {
datas.add(new Date().toGMTString());
adapter.notifyDataSetChanged();
// 更新完后调用该方法结束刷新
swipeRefreshView.setRefreshing(false);
}
}, 1000);
}
});
// 加载监听器
swipeRefreshView.setOnLoadListener(new SwipeRefreshView.OnLoadListener() {
@Override
public void onLoad() {
Toast.makeText(MainActivity.this, "load", Toast.LENGTH_SHORT).show();
swipeRefreshView.postDelayed(new Runnable() {
@Override
public void run() {
datas.add(new Date().toGMTString());
adapter.notifyDataSetChanged();
// 加载完后调用该方法
swipeRefreshView.setLoading(false);
}
}, 1500);
}
});
}
}