使用SwipeRefreshLayout實現RecylerView、ListView 下拉刷新 上拉加載

使用SwipeRefreshLayout實現RecylerView、ListView 下拉刷新

首先，自定義view繼承SwipeRefreshLayout，代碼以下：

import android.content.Context;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

import com.zqsy.keepsample.R;
import com.zqsy.keepsample.activity.OperateSampleListActivity;


/**
 * 自定義View繼承SwipeRefreshLayout，添加上拉加載更多的佈局屬性,添加對RecyclerView的支持
 * Created by zhangda on 2016/9/26.
 */

public class SwipeRefreshView extends SwipeRefreshLayout {

    private static final String TAG = SwipeRefreshView.class.getSimpleName();
    private final int mScaledTouchSlop;
    private final View mFooterView;
    private final View mFooterView_nomore;
    private ListView mListView;
    private OnLoadMoreListener mListener;

    /**
     * 正在加載狀態
     */
    private boolean isLoading;
    private RecyclerView mRecyclerView;
    private int mItemCount;
    private boolean isRecyclerView = false;
    private RecyclerView.LayoutManager layoutManager;
    private LinearLayoutManager linearManager;

    public SwipeRefreshView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 填充底部加載佈局
        mFooterView = View.inflate(context, R.layout.view_footer, null);
        mFooterView_nomore = View.inflate(context, R.layout.view_footer_nomore, null);
        // 表示控件移動的最小距離，手移動的距離大於這個距離才能拖動控件
        mScaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        // 獲取ListView,設置ListView的佈局位置
        if (mListView == null || mRecyclerView == null) {
            // 判斷容器有多少個孩子
            if (getChildCount() > 1) {
                // 判斷第一個孩子是否是ListView
                if (getChildAt(1) instanceof ListView) {
                    // 建立ListView對象
                    mListView = (ListView) getChildAt(1);
                    // 設置ListView的滑動監聽
                    setListViewOnScroll();
                } else if (getChildAt(1) instanceof RecyclerView) {
                    // 建立ListView對象
                    mRecyclerView = (RecyclerView) getChildAt(1);
                    layoutManager = mRecyclerView.getLayoutManager();
                    linearManager = (LinearLayoutManager) layoutManager;
                    isRecyclerView = true;
                    // 設置RecyclerView的滑動監聽
                    setRecyclerViewOnScroll();
                }
            }
        }
    }


    /**
     * 在分發事件的時候處理子控件的觸摸事件
     */
    private float mDownY, mUpY;

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {

        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 移動的起點
                mDownY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                // 移動過程當中判斷時候能下拉加載更多
                if (canLoadMore()) {
                    // 加載數據
                    loadData();
                }

                break;
            case MotionEvent.ACTION_UP:
                // 移動的終點
                mUpY = getY();
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    /**
     * 判斷是否知足加載更多條件
     */
    private boolean canLoadMore() {
        // 1. 是上拉狀態
        boolean condition1 = (mDownY - mUpY) >= mScaledTouchSlop;
        if (condition1) {
            Log.d(TAG, "------->  是上拉狀態");
        }

        // 2. 當前頁面可見的item是最後一個條目,通常最後一個條目位置須要大於第一頁的數據長度
        boolean condition2 = false;
        int mListCount = 0;
        int mLastVisiblePosition = 0;

        if(isRecyclerView){
            mListCount = linearManager.getItemCount();
            //獲取最後一個可見view的位置
            mLastVisiblePosition = linearManager.findLastVisibleItemPosition();
        }else{
            mListCount = mListView.getAdapter().getCount();
            mLastVisiblePosition = mListView.getLastVisiblePosition();
        }

        if (mItemCount > 0) {
            if (mListCount < mItemCount) {
                // 第一頁未滿，禁止下拉
                condition2 = false;
            }else {
                condition2 = mLastVisiblePosition == (mListCount - 1);
            }
        } else {
            // 未設置數據長度，則默認第一頁數據不滿時也能夠上拉
            condition2 = mLastVisiblePosition == (mListCount - 1);
        }


        if (condition2) {
            Log.d(TAG, "------->  是最後一個條目");
        }
        // 3. 正在加載狀態
        boolean condition3 = !isLoading;
        if (condition3) {
            Log.d(TAG, "------->  不是正在加載狀態");
        }
        return condition1 && condition2 && condition3;
    }

    public void setItemCount(int itemCount) {
        this.mItemCount = itemCount;
    }

    /**
     * 處理加載數據的邏輯
     */
    private void loadData() {
        System.out.println("加載數據...");
        if (mListener != null) {
            // 設置加載狀態，讓佈局顯示出來
            setLoading(true);
            if(!isRecyclerView){
                if(mListView.getFooterViewsCount()>0){
                    mListView.removeFooterView(mFooterView_nomore);
                }
            }
            mListener.onLoadMore();
        }

    }

    /**
     * 設置加載狀態，是否加載傳入boolean值進行判斷
     *
     * @param loading
     */
    public void setLoading(boolean loading) {
        // 修改當前的狀態
        isLoading = loading;
        if (isLoading) {
            // 顯示佈局
            if(isRecyclerView){
//                OperateSampleListActivity.MyApr myApr = (OperateSampleListActivity.MyApr)mRecyclerView.getAdapter();
//                myApr.setFooterView(mFooterView);
            }else{
                mListView.addFooterView(mFooterView);
            }
        } else {
            // 隱藏佈局
            if(isRecyclerView){
                //mRecyclerView.removeView(mFooterView);
            }else{
                mListView.removeFooterView(mFooterView);
            }
            // 重置滑動的座標
            mDownY = 0;
            mUpY = 0;
        }
    }

    public void showNoMoreText(){
        if(!isRecyclerView){
            mListView.addFooterView(mFooterView_nomore);
        }
    }


    /**
     * 設置ListView的滑動監聽
     */
    private void setListViewOnScroll() {

        mListView.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                // 移動過程當中判斷時候能下拉加載更多
                if (canLoadMore()) {
                    // 加載數據
                    loadData();
                }
            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

            }
        });
    }


    /**
     * 設置RecyclerView的滑動監聽
     */
    private void setRecyclerViewOnScroll() {
        mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                // 移動過程當中判斷時候能下拉加載更多
                if (canLoadMore()) {
                    // 加載數據
                    loadData();
                }
            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
            }
        });
    }


    /**
     * 上拉加載的接口回調
     */

    public interface OnLoadMoreListener {
        void onLoadMore();
    }

    public void setOnLoadMoreListener(OnLoadMoreListener listener) {
        this.mListener = listener;
    }
}

Listview佈局代碼：

<yourPackage.component.SwipeRefreshView
        android:id="@+id/swipeRefreshView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ListView
            android:fadingEdge="none"
            android:dividerHeight="0.5dp"
            android:divider="@color/colorGrey"
            android:id="@+id/listview_record"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </yourPackage.component.SwipeRefreshView>

footer佈局代碼：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <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:id="@+id/item1"
            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>

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="48dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="沒有更多記錄了"
            android:textColor="@color/colorFontColor"
            android:textSize="16sp"/>

    </RelativeLayout>

</RelativeLayout>

ListView實現刷新和翻頁： 設定以下變量

import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.support.annotation.Nullable;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.zqsy.keepsample.R;
import com.zqsy.keepsample.component.SwipeRefreshView;

/**
 * Created by zhangda on 2018/1/30.
 */

public class RecordActivity extends AppCompatActivity {
    private TextView title_nav;
    private TextView back_nav;
    private ListView listView;
    private SwipeRefreshView swipeRefreshView;
    private BaseAdapter myAdapter;
    private int pageSize = 20;//設定每頁條數
    private int currentPage = 1;//當前請求的頁數
    private int totalCount = 32;//總條數，實際是請求回來賦值


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_record);
        listView = findViewById(R.id.listview_record);
        swipeRefreshView = findViewById(R.id.swipeRefreshView);

        title_nav = findViewById(R.id.title_nav);
        back_nav = findViewById(R.id.back_nav);
        title_nav.setText("記錄");
        back_nav.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                finish();
            }
        });

        initListView();
    }

    private void initListView() {
        swipeRefreshView.setProgressBackgroundColorSchemeResource(android.R.color.white);
        // 設置下拉進度的主題顏色
        swipeRefreshView.setColorSchemeResources(R.color.colorAccent,
                android.R.color.holo_blue_bright, R.color.colorPrimaryDark,
                android.R.color.holo_orange_dark, android.R.color.holo_red_dark, android.R.color.holo_purple);
        // 下拉時觸發SwipeRefreshLayout的下拉動畫，動畫完畢以後就會回調這個方法
        swipeRefreshView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                initData();
            }
        });

        // 設置下拉加載更多
        swipeRefreshView.setOnLoadMoreListener(new SwipeRefreshView.OnLoadMoreListener() {
            @Override
            public void onLoadMore() {
                loadMoreData();
            }
        });
        myAdapter = new BaseAdapter() {
            @Override
            public int getCount() {
                return pageSize * currentPage >= totalCount? totalCount: pageSize * currentPage;
            }

            @Override
            public Object getItem(int i) {
                return null;
            }

            @Override
            public long getItemId(int i) {
                return 0;
            }

            @Override
            public View getView(int i, View convertView, ViewGroup viewGroup) {
                if(convertView == null){
                    convertView = LayoutInflater.from(RecordActivity.this).inflate(R.layout.item_record_list, null, false);
                }
                TextView tv2 = convertView.findViewById(R.id.text2);
                tv2.setText(i + 1 + "");
                return convertView;
            }
        };
        listView.setAdapter(myAdapter);

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Intent intent = new Intent();
                intent.setClass(RecordActivity.this, RecordDetailActivity.class);
                startActivity(intent);
            }
        });
    }

    //上拉加載
    private void loadMoreData() {
        //TODO 寫邏輯時把定時器去掉便可
        //若是記錄加載完畢，調用顯示沒有更多的方法
        if(pageSize * currentPage >= totalCount){
            swipeRefreshView.showNoMoreText();
            swipeRefreshView.setLoading(false);
        }else{
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run() {
                    currentPage ++;
                    myAdapter.notifyDataSetChanged();
    //                Toast.makeText(RecordActivity.this, "加載了" + 20 + "條數據", Toast.LENGTH_SHORT).show();
                    // 加載完數據設置爲不加載狀態，將加載進度收起來
                    swipeRefreshView.setLoading(false);
                }
            }, 2000);
        }

    }

    //下拉刷新
    private void initData() {
        //TODO 寫邏輯時把定時器去掉便可
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                currentPage = 1;
                myAdapter.notifyDataSetChanged();
//                Toast.makeText(RecordActivity.this, "下拉刷新", Toast.LENGTH_SHORT).show();
                // 加載完數據設置爲不刷新狀態，將下拉進度收起來
                if (swipeRefreshView.isRefreshing()) {
                    swipeRefreshView.setRefreshing(false);
                }
            }
        }, 2000);
    }
}

RecylerView實現刷新和加載：

import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.support.annotation.Nullable;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.Spinner;
import android.widget.TextView;
import android.widget.Toast;

import com.zqsy.keepsample.R;
import com.zqsy.keepsample.component.SwipeRefreshView;

/**
 * Created by zhangda on 2018/1/27.
 */

public class OperateSampleListActivity extends AppCompatActivity {
    private RecyclerView recyclerView_chuli;
    private int screenWidth;
    private TextView titleNav;
    private TextView backNav;
    private Spinner spinner_chuli;
    private Button piliangchuli;
    private SwipeRefreshView layout_swipe_refresh;
    private MyApr myAdapter;
    private LinearLayoutManager mLinearLayoutManager;

    private int pageSize = 20;//設定每頁條數
    private int currentPage = 1;//當前請求的頁數
    private int totalCount = 12;//總條數，實際是請求回來賦值

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_operate_sample_list);
        spinner_chuli = findViewById(R.id.spinner_chuli);
        piliangchuli = findViewById(R.id.piliangchuli);
        layout_swipe_refresh = findViewById(R.id.layout_swipe_refresh);
        WindowManager wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
        screenWidth = wm.getDefaultDisplay().getWidth();

        recyclerView_chuli = findViewById(R.id.recyclerView_chuli);

        titleNav = findViewById(R.id.title_nav);
        titleNav.setText("處理");
        backNav = findViewById(R.id.back_nav);
        backNav.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                finish();
            }
        });

        initRecyclerView();
        
    }

    

    private void initRecyclerView() {
        recyclerView_chuli.setLayoutManager(new LinearLayoutManager(this));
        myAdapter = new MyApr();
        recyclerView_chuli.setAdapter(myAdapter);

        layout_swipe_refresh.setProgressBackgroundColorSchemeResource(android.R.color.white);
        // 設置下拉進度的主題顏色
        layout_swipe_refresh.setColorSchemeResources(R.color.colorAccent,
                android.R.color.holo_blue_bright, R.color.colorPrimaryDark,
                android.R.color.holo_orange_dark, android.R.color.holo_red_dark, android.R.color.holo_purple);

        // 下拉時觸發SwipeRefreshLayout的下拉動畫，動畫完畢以後就會回調這個方法
        layout_swipe_refresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                initData();
            }
        });

        // 設置下拉加載更多
        layout_swipe_refresh.setOnLoadMoreListener(new SwipeRefreshView.OnLoadMoreListener() {
            @Override
            public void onLoadMore() {
                loadMoreData();
            }
        });
    }


    //上拉加載
    private void loadMoreData() {
        //若是記錄加載完畢，調用顯示沒有更多的方法
        if(pageSize * currentPage >= totalCount){
            layout_swipe_refresh.setLoading(false);
        }else{
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run() {
                    currentPage ++;
                    myAdapter.notifyDataSetChanged();
                    Toast.makeText(OperateSampleListActivity.this, "加載了" + 20 + "條數據", Toast.LENGTH_SHORT).show();
                    // 加載完數據設置爲不加載狀態，將加載進度收起來
                    layout_swipe_refresh.setLoading(false);
                }
            }, 2000);
        }

    }

    //下拉刷新
    private void initData() {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                currentPage = 1;
                myAdapter.notifyDataSetChanged();
                Toast.makeText(OperateSampleListActivity.this, "下拉刷新", Toast.LENGTH_SHORT).show();
                // 加載完數據設置爲不刷新狀態，將下拉進度收起來
                if (layout_swipe_refresh.isRefreshing()) {
                    layout_swipe_refresh.setRefreshing(false);
                }
            }
        }, 2000);
    }


    public class Hodler extends RecyclerView.ViewHolder{

        public TextView item1;
        public TextView item2;
        public LinearLayout content_layout;
        public int viewType;

        public Hodler(View itemView, int viewType) {
            super(itemView);
            this.viewType = viewType;
            if(viewType == MyApr.FOOTER_TYPE){
                item1 = itemView.findViewById(R.id.item1);
                return;
            }else{
                content_layout = itemView.findViewById(R.id.content_layout);
                item1 = itemView.findViewById(R.id.item1);
                item2 = itemView.findViewById(R.id.item2);
            }
        }
    }

    public class MyApr extends RecyclerView.Adapter<Hodler>{
        public final static int NORMAL_TYPE = 0;
        public final static int FOOTER_TYPE = 1;

        @Override
        public Hodler onCreateViewHolder(ViewGroup parent, int viewType) {
            if(viewType == FOOTER_TYPE){
                return new Hodler(LayoutInflater.from(OperateSampleListActivity.this).inflate(R.layout.view_footer, null, false), viewType);
            }else{
                return new Hodler(LayoutInflater.from(OperateSampleListActivity.this).inflate(R.layout.item_samplelist_withoutdelete, null, false), viewType);
            }
        }

        @Override
        public void onBindViewHolder(final Hodler holder, final int position) {
            if(holder.viewType == NORMAL_TYPE){
                holder.item1.setWidth(screenWidth/2);
                holder.item2.setWidth(screenWidth/2);
                holder.item2.setText(position + 1 + "");
                holder.content_layout.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Intent i = new Intent();
                        i.setClass(OperateSampleListActivity.this, OperateDetailActivity.class);
                        startActivity(i);
                    }
                });
            }else{
                if(pageSize * currentPage >= totalCount){
                    holder.item1.setText("沒有更多記錄了");
                }else{
                    holder.item1.setText("正在努力加載中...");
                }
            }
        }

        //返回View中Item的個數，這個時候，總的個數應該是ListView中Item的個數加上HeaderView和FooterView
        @Override
        public int getItemCount() {
            int count = pageSize * currentPage >= totalCount? totalCount: pageSize * currentPage;
            return count+1;
        }

        @Override
        public int getItemViewType(int position) {
            if(position == (getItemCount()-1)){
                return FOOTER_TYPE;
            }else{
                return NORMAL_TYPE;
            }
        }
    }

}