Android开发丶谷歌官方刷新控件SwipeRefreshLayout下拉刷新的实现和上拉加载的拓展

刷新控件我们用的很多了，常见的有第三方刷新库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));
        }
    }
}

至此全部完成！

Android开发丶谷歌官方刷新控件SwipeRefreshLayout下拉刷新的实现和上拉加载的拓展

源码点击下载：点击打开链接

猜你喜欢