刷新控件我们用的很多了,常见的有第三方刷新库PullToRefreshLayout和谷歌官方推出的SwipeRefreshLayout刷新库,自从后者推出后,使用频率越来越高,毕竟是亲儿子嘛,在稳定性,更新性上有着独天得厚的优势,然而可惜的是,后者只包括了下拉刷新,在有些需要上拉加载的地方怎么办呢?因此,这篇博文主要就围绕着该控件的使用方法和上拉加载的拓展而展开。
我们先看下效果:
第一次上传gif动图,比之前的静态图片直观多了,推荐一下这个gif制作软件,名叫ScreenToGif 。
下面就来看看实现过程:
1.首先因为官方没有上拉加载,我们先来自定义上拉加载布局。
根据图示,布局含有一个旋转的进度条progressbar和正在加载中的文字
listview_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:gravity="center"
android:padding="10dp"
android:orientation="horizontal"
android:layout_height="match_parent">
<ProgressBar
android:id="@+id/footer_pb"
android:layout_width="20dp"
android:layout_height="20dp" />
<TextView
android:id="@+id/footer_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="正在加载中"
android:layout_marginLeft="5dp"/>
</LinearLayout>
2.自定义一个view继承SwipeRefreshLayout。
package com.fantasychong.swiperefreshlayout0305;
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.ListView;
/**
* 继承google官方刷新控件SwipeRefreshLayout,以实现滑动至底部而触发上拉加载更多的功能。
* Created by lenovo on 2018/3/5.
*/
public class SwipeRefreshLayoutView extends SwipeRefreshLayout implements AbsListView.OnScrollListener {
private View mListViewFooter;
private int mTouchSlop;
private ListView mListView;
private boolean isLoading= false;
//按下时的Y坐标
private int mYDown;
//抬起时的Y坐标,与mYDown一起用于滑动到底部时判断是上拉还是下拉
private int mLastY;
private OnLoadListener mOnLoadListener;
public SwipeRefreshLayoutView(Context context) {
this(context, null);
}
public SwipeRefreshLayoutView(Context context, AttributeSet attrs) {
super(context, attrs);
//获得触发移动事件的最短距离
mTouchSlop= ViewConfiguration.get(context).getScaledTouchSlop();
//加载listview底部加载布局
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");
}
}
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
}
/**
* 是否可以加载更多,条件是到了最底部,listview不在加载中,且为上拉操作
* @return
*/
private boolean canLoad() {
return isBottom()&& !isLoading&& isPullUp();
}
/**
* 是否是上拉操作
* @return
*/
private boolean isPullUp() {
return (mYDown- mLastY)>= mTouchSlop;
}
/**
* 判断是否到了最底部
* @return
*/
private boolean isBottom() {
if (mListView!= null&& mListView.getAdapter()!= null){
return mListView.getLastVisiblePosition()== (mListView.getAdapter().getCount()- 1);
}
return false;
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
//滚动时到了最底部也可以加载更多
if (canLoad()){
loadData();
}
}
/**
* 如果到了最底部,而且是上拉操作,那么执行onLoad方法
*/
private void loadData() {
if (mOnLoadListener!= null){
//设置状态
setLoading(true);
mOnLoadListener.onLoad();
}
}
public static interface OnLoadListener{
public void onLoad();
}
public void setLoading(boolean loading){
isLoading= loading;
if (isLoading){
mListView.addFooterView(mListViewFooter);
}else {
mListView.removeFooterView(mListViewFooter);
mYDown= 0;
mLastY= 0;
}
}
public void setOnLoadListener(OnLoadListener loadListener){
mOnLoadListener= loadListener;
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
int action= ev.getAction();
switch (action){
case MotionEvent.ACTION_DOWN:
//按下
mYDown= (int) ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
//移动
mLastY= (int) ev.getRawY();
break;
case MotionEvent.ACTION_UP:
//抬起
if (canLoad()){
loadData();
}
break;
default:
break;
}
return super.dispatchTouchEvent(ev);
}
}
3.在activity_main.xml文件中,引用如上自定义view。
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.fantasychong.swiperefreshlayout0305.MainActivity">
<com.fantasychong.swiperefreshlayout0305.SwipeRefreshLayoutView
android:id="@+id/main_srl"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/main_lv"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</com.fantasychong.swiperefreshlayout0305.SwipeRefreshLayoutView>
</android.support.constraint.ConstraintLayout>
4.在MainActivity中进行刷新控件初始化之类的工作。
定义圆环颜色:
srl.setColorScheme(R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark);
设置下拉刷新监听:
//设置下拉刷新监听器
srl.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
srl.postDelayed(new Runnable() {
@Override
public void run() {
//更新数据
for (int i= 0; i< 5; i++){
list.add(0, "新刷新的"+ i);
}
adapter.notifyDataSetChanged();
srl.setRefreshing(false);
}
}, 2000);
}
});
设置上拉加载监听:
srl.setOnLoadListener(new SwipeRefreshLayoutView.OnLoadListener() {
@Override
public void onLoad() {
srl.postDelayed(new Runnable() {
@Override
public void run() {
for (int i= 0; i< 5; i++){
list.add("新加载的"+ i);
}
adapter.notifyDataSetChanged();
srl.setLoading(false);
}
}, 2000);
}
});
MainActivity.java
package com.fantasychong.swiperefreshlayout0305;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
private ListView lv;
private SwipeRefreshLayoutView srl;
private ArrayAdapter adapter;
private List<String> list= new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv= findViewById(R.id.main_lv);
srl= findViewById(R.id.main_srl);
initSwipeRefresh();
initData();
adapter= new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, list);
lv.setAdapter(adapter);
}
/**
* 初始化swipeRefreshLayout
*/
private void initSwipeRefresh() {
//设置圆环颜色
srl.setColorScheme(R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark);
//设置下拉刷新监听器
srl.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
srl.postDelayed(new Runnable() {
@Override
public void run() {
//更新数据
for (int i= 0; i< 5; i++){
list.add(0, "新刷新的"+ i);
}
adapter.notifyDataSetChanged();
srl.setRefreshing(false);
}
}, 2000);
}
});
srl.setOnLoadListener(new SwipeRefreshLayoutView.OnLoadListener() {
@Override
public void onLoad() {
srl.postDelayed(new Runnable() {
@Override
public void run() {
for (int i= 0; i< 5; i++){
list.add("新加载的"+ i);
}
adapter.notifyDataSetChanged();
srl.setLoading(false);
}
}, 2000);
}
});
}
private void initData() {
for (int i= 0; i< 20; i++){
list.add(String.valueOf(i));
}
}
}
至此全部完成!