2. 程式人生 > >SwipeRefreshLayout+Recyclerview的重新整理載入封裝

SwipeRefreshLayout+Recyclerview的重新整理載入封裝

阿新 • • 發佈：2018-11-07

目錄

1.簡介

2.自定義的SwipeRefreshLayout

1)全域性變數和基礎方法

2)onlayout拿到RecyclerView,設定載入更多的監聽

3)其餘的判斷標準

3.Activity中的使用

4.xml佈局使用

5.介面卡和單行佈局

1.簡介

當頁面展示大量相同佈局的資料的時候，公司的介面一般都是一頁一頁的去請求並拿到資料去展示，防止頁面因同時載入大量資料出現記憶體溢位等問題。

下面demo假設每頁最多20條資料，第一頁資料或者後面載入的某一頁資料有可能數量小於20，當小於20的時候，我們就不接著去觸發上拉載入更多的監聽。主要介紹封裝的SwipeRefreshLayout以及它的使用。

順便說一下，我們上拉載入更多的判定條件有4個

a.recyclerview的狀態為RecyclerView.SCROLL_STATE_IDLE

b.recyclerview滑動到了底部

c.recyclerview未在上拉載入或者下拉重新整理狀態(免得多次載入或者重新整理資料的時候去載入資料)

d.手指做了上劃的操作，且滑動距離大於android認定的最小滑動距離

demo地址：https://download.csdn.net/download/qq_37321098/10657545

2.自定義的SwipeRefreshLayout

1)全域性變數和基礎方法

    private static final String TAG = "測試";
    //正在載入狀態
    private boolean isLoading = false;
    //最小滑動距離，手移動的距離大於這個距離才能拖動控制元件
    private int mScaledTouchSlop;
    //載入控制元件
    private RecyclerView mRecyclerView;
    //在分發事件的時候處理子控制元件的觸控事件
    private float mDownY, mUpY;
    private OnLoadMoreListener mListener;
    //是否還有更多資料
    private boolean hasMoreDate = true;

    public MySwipeRefresh(Context context, AttributeSet attrs) {
        super(context, attrs);
        mScaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
    }

    //屬性設定
    public void setInitParams(int bgColor, int proColor) {
        //下拉進度的背景顏色
        setProgressBackgroundColorSchemeResource(bgColor);
        //進度條顏色
        setColorSchemeResources(proColor);
    }

注意全域性變數hasMoreDate就是我們用來判斷是否還有更多載入資料判斷的依據。如果沒有，是不會去觸發載入更多的監聽。

2)onlayout拿到RecyclerView,設定載入更多的監聽

 @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        //判斷內部是ListView還是RecyclerView
        if (getChildCount() > 0) {
            if (getChildAt(0) instanceof RecyclerView) {
                mRecyclerView = (RecyclerView) getChildAt(0);
                // 設定RecyclerView的滑動監聽
                setRecyclerViewOnScroll();
            }
        }
    }

    //設定RecyclerView的滑動監聽
    private void setRecyclerViewOnScroll() {
        mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                boolean isBottom = isVisBottom(recyclerView);
                if (newState == RecyclerView.SCROLL_STATE_IDLE &&
                        isBottom &&
                        !isLoading &&
                        (mDownY - mUpY) >= mScaledTouchSlop) {
                    Log.e(TAG, "滿足條件->載入資料");
                    if(!hasMoreDate){
                        Log.e(TAG, "沒有更多資料了");
                        return;
                    }
                    if (mListener != null) {
                        // 載入狀態
                        setLoading(true);
                        mListener.onLoadMore();
                    }
                }
            }
        });
    }


 public static boolean isVisBottom(RecyclerView recyclerView) {
        //螢幕中最後一個可見子項的position=總數-1
        //當前螢幕所看到的子項個數大於0
        //RecyclerView的滑動狀態為空閒
        if (linearLayoutManager.getChildCount() > 0 &&
                linearLayoutManager.findLastVisibleItemPosition() == linearLayoutManager.getItemCount() - 1 &&
                recyclerView.getScrollState() == recyclerView.SCROLL_STATE_IDLE) {
            Log.e(TAG, "頁面展示到底部條目");
            return true;
        } else {
            Log.e(TAG, "頁面未展示到底部條目");
            return false;
        }
    }

載入更多的4個依據，開頭已經提到過。isVisBottom()函式就是判斷Recyclerview是否滑動到了底部，根據最後顯示的資料位置是否等於item總數減一（lastVisibleItemPosition 從0起算的），注意這是判斷垂直Recyclerview佈局情況下滑動到底部的依據。如果是瀑布流佈局，我們需要減的數目是你每一行展示內容的個數。還有一種特殊情況，之前也遇到過。如果是Scrollview巢狀的Recyclerview，需要判斷的是Scrollview滑動到底部（你會發現Recyclerview滑動的監聽不會觸發，因為焦點在Scrollview身上），再去載入更多資料，這個可以去百度下如何判斷Scrollview滑動到底部，此情況不多見。

3)其餘的判斷標準

  @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 移動的起點
                mDownY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                break;
            case MotionEvent.ACTION_UP:
                // 移動的終點
                mUpY = getY();
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    public void setLoading(boolean loading) {
        isLoading = loading;
        //FIXME 可以為recyclerview新增底部佈局，通過判斷佈局type，資料總數+1，載入底部佈局
        mDownY = 0;
        mUpY = 0;
    }

    //是否還有更多資料
    public void setHasMoreDate(boolean hasMoreDate) {
        this.hasMoreDate = hasMoreDate;
    }

選擇在dispatchTouchEvent方法中，拿到down和up在Y軸上位置去判斷是否上滑。這個判斷還是有必要的，不然會出現到達底部，即使做下滑的操作，都會去觸發上拉載入資料的監聽。

setLoading()函式就是外部用來設定正在重新整理資料或者載入資料的標誌，讓SwipeRefreshLayout不去觸發載入的監聽。

setHasMoreDate()函式，就是沒有更多資料，或者第一頁資料不滿分頁載入時每一頁個數的時候，去呼叫的方法，設定了之後同樣也不會觸發載入的監聽。

3.Activity中的使用

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private MySwipeRefresh mySwipeRefresh;
    private TextDateAdapter textDateAdapter;
    private LinearLayoutManager linearLayoutManager;
    //是否重新整理狀態中
    private boolean isRefreshing = false;
    //介面中每一頁的資料
    private int pageSize = 20;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initRefreshView();
    }

    private void initRefreshView() {
        recyclerView = (RecyclerView) findViewById(R.id.rv);
        linearLayoutManager = new LinearLayoutManager(MainActivity.this);
        recyclerView.setLayoutManager(linearLayoutManager);
        mySwipeRefresh = (MySwipeRefresh) findViewById(R.id.refresh);
        mySwipeRefresh.setInitParams(android.R.color.white, R.color.colorAccent);
        //分割
        recyclerView.addItemDecoration(new DividerItemDecoration(MainActivity.this,
                linearLayoutManager.getOrientation()));
        //重新整理載入回撥
        initLoadCallback();
        //資料初始載入
        initData();
    }

    private void initLoadCallback() {
        // 下拉時觸發SwipeRefreshLayout的下拉動畫，動畫完畢之後就會回撥這個方法
        mySwipeRefresh.setOnRefreshListener(new MySwipeRefresh.OnRefreshListener() {
            @Override
            public void onRefresh() {
                if (isRefreshing) {
                    Log.e("測試: ", "下拉重新整理中,return");
                    return;
                }
                initData();
            }
        });

        // 設定下拉載入更多
        mySwipeRefresh.setOnLoadMoreListener(new MySwipeRefresh.OnLoadMoreListener() {
            @Override
            public void onLoadMore() {
                loadMoreData();
            }
        });
    }

    private void initData() {
        isRefreshing = true;
        mySwipeRefresh.setRefreshing(true);
        mySwipeRefresh.setLoading(true);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                //FIXME 設定是否還有更多資料,沒有的話,不去呼叫載入的監聽
                List<String> list = getRefreshDate();
                if (list.size() != pageSize) {
                    mySwipeRefresh.setHasMoreDate(false);
                } else {
                    mySwipeRefresh.setHasMoreDate(true);
                }
                //初始化資料載入
                if (textDateAdapter == null) {
                    textDateAdapter = new TextDateAdapter(MainActivity.this, list);
                    recyclerView.setAdapter(textDateAdapter);
                } else {
                    textDateAdapter.refreshData(list);
                }
                // 收起下拉進度條
                if (mySwipeRefresh.isRefreshing()) {
                    Log.e("測試", "收起下拉進度條");
                    mySwipeRefresh.setRefreshing(false);
                    mySwipeRefresh.setLoading(false);
                    isRefreshing = false;
                }
            }
        }, 1000);
    }

    private void loadMoreData() {
        //FIXME 設定關卡,沒有更多資料或者資料個數小於分頁載入中每一頁的資料,則不去載入更多資料
        //FIXME textDateAdapter.addBottomData前,swipererefresh中設定標誌,不去觸發loadMore的監聽
        //FIXME 注意在重新整理的時候,去變更介面卡中的這個標誌
        //mySwipeRefresh內部設定了loading狀態
        isRefreshing = true;
        mySwipeRefresh.setLoading(true);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                if (textDateAdapter != null) {
                    List<String> list = getUpLoadDate();
                    //FIXME 標誌的設定
                    if (list.size() != pageSize) {
                        mySwipeRefresh.setHasMoreDate(false);
                    }
                    textDateAdapter.addBottomData(list);
                    //未重新整理狀態
                    mySwipeRefresh.setLoading(false);
                    isRefreshing = false;
                }
            }
        }, 100);
    }

    private List<String> getRefreshDate() {
        //底部新增的資料集合
        List<String> list = new ArrayList<>();
        //大於90.模擬後臺資料少於分頁載入時候每一頁的資料
        int num = new Random().nextInt(100);
        if (num > 80) {
            for (int i = 0; i < 10; i++) {
                list.add("最後一頁資料,少於20:" + i);
            }
            return list;
        }
        for (int i = 0; i < 20; i++) {
            list.add("分頁載入資料:" + i);
        }
        return list;
    }

    private List<String> getUpLoadDate() {
        //底部新增的資料集合
        List<String> list = new ArrayList<>();
        //大於90.模擬後臺資料少於分頁載入時候每一頁的資料
        int num = new Random().nextInt(100);
        if (num > 80) {
            for (int i = 0; i < 10; i++) {
                list.add("最後一頁資料,少於20:" + i);
            }
            return list;
        }
        for (int i = 0; i < 20; i++) {
            list.add("分頁載入資料:" + i);
        }
        return list;
    }
}

4.xml佈局使用

<?xml version="1.0" encoding="utf-8"?>
<com.bihucj.mcandroid.view.MySwipeRefresh xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/refresh"
    tools:context="com.bihucj.mcandroid.ui.MainActivity">


    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</com.bihucj.mcandroid.view.MySwipeRefresh>

5.介面卡和單行佈局

public class TextDateAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private List<String> mList;
    private Context context;

    public TextDateAdapter(Context context, List<String> list) {
        this.context = context;
        this.mList = list;
    }

    public void clearData() {
        if (mList.size() > 0 && mList != null) {
            mList.clear();
            notifyDataSetChanged();
        }
    }

    public void addBottomData(List<String> list) {
        if (list.size() > 0 && list != null) {
            mList.addAll(list);
            notifyDataSetChanged();
        }
    }

    public int getListSize() {
        return (mList == null) ? 0 : mList.size();
    }

    public void refreshData(List<String> list) {
        if (list.size() > 0 && mList != null) {
            mList.clear();
            mList.addAll(list);
            notifyDataSetChanged();
        }
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.singleitem_text_date, null);
        return new ImgsViewHolder(view);
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) {
        holder.setIsRecyclable(false);
        if (holder instanceof ImgsViewHolder) {
            TextView tv_text = ((ImgsViewHolder) holder).tv_text;
            tv_text.setHeight(50);
            tv_text.setGravity(Gravity.CENTER);
            tv_text.setText(mList.get(position));
        }
    }


    @Override
    public int getItemCount() {
        return mList.size();
    }


    private class ImgsViewHolder extends RecyclerView.ViewHolder {
        private TextView tv_text;

        public ImgsViewHolder(View itemView) {
            super(itemView);
            tv_text = itemView.findViewById(R.id.tv_text);
        }
    }
}

<?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="50dp">

    <TextView
        android:id="@+id/tv_text"
        android:textColor="#00aaff"
        android:textSize="@dimen/_15dp"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:text="asdas"
        android:textStyle="bold" />

</LinearLayout>

 

相關推薦

SwipeRefreshLayout+Recyclerview的重新整理載入封裝

目錄 1.簡介 2.自定義的SwipeRefreshLayout 1)全域性變數和基礎方法 2)onlayout拿到RecyclerView,設定載入更多的監聽 3)其餘的判斷標準 3.Activity中的使用 4.xml佈局使用 5.介面卡和單行佈局 1.簡

SwipeRefreshLayout+RecyclerView實現下拉重新整理上拉載入功能

Android Studio 的gradle中新增如下依賴，SwipeRefreshLayout在 support V4 包下,RecyclerView在V7包下，由於V7包內包涵了V4，所以就不需要新增V4的依賴了。 compile 'com.and

自定義下拉重新整理上拉載入控制元件（SwipeRefreshLayout + recyclerView）

感覺還可以的star下謝謝！ 效果圖：（效果圖迴圈播放後，總感覺有些詭異！, 可能是gif截的點不對， 在手機上看效果正常的） 我就不講程式碼是如何實現的了。說下實現了什麼內容： 支援自動下拉重新整理 //設定自動下拉重新整理，切記要

Android RecyclerView下拉重新整理和上拉載入封裝

效果圖:程式碼已經同步到github~Gradle引入依賴: allprojects { repositories { ... maven { url 'https://jitpack.io' } } }

SwipeRefreshLayout+RecyclerView 下拉重新整理

SwipeRefreshLayout 是v4包中的控制元件， RecyclerView 是v7包中的控制元件，替代了ListView，強制使用ViewHolder。 Demo 地址：https://github.com/SunnyLine/SwipeRefreshAddRecycl

重新整理載入RecyclerView＋圖片載入Glide＋多樣式佈局（二）

先介紹多樣式佈局，可分為三步走，第一步在bean類中加入控制佈局的int欄位，來供給Adapter選擇佈局。這裡我們定義兩種佈局，一種圖片在中間背景白色，一種圖片在左邊背景粉色。 Bean程式碼如下： public class ActType i

swipeRefreshLayout 上拉載入 下拉重新整理

Main <android.support.v4.widget.SwipeRefreshLayout android:layout_width="match_parent" android:id="@+id/swipe"

RecyclerView Glide載入圖片重新整理時會閃一下

@Override     protected void convert(BaseViewHolder helper, GameListResp.Data data) {           LinearLayout ic_linearLayout = (LinearLayo

解決AppBarLayout 與SwipeRefreshLayout RecyclerView 上拉載入更多導致的延遲

import android.content.Context; import android.support.design.widget.AppBarLayout; import android.support.design.widget.CoordinatorLayout;

MVP+RecyclerView+SmartRefreshLayout 實現重新整理載入

一、view層介面 （IView） package com.xwj.lenovo.my_mvp_two.view; /** * Created by lenovo on 2018/5/7. */ public interface IView {

SwipeRefreshLayout+CoordinatorLayout+AppBarLayout+TabLayout+ViewPager+RecyclerView 重新整理，不能滑動等問題

使用SwipeRefreshLayout+CoordinatorLayout+AppBarLayout+TabLayout+ViewPager+Fragment+RecyclerView 實現首頁懸浮效果遇到一些問題，做個記錄： 首先我的佈局結構大概是這樣子的： <

react-native之上拉載入，下拉重新整理元件封裝

react-native 自定義封裝重新整理元件 幾個月沒寫部落格了，最近一直在寫react 和react-native，前幾天剛發了一版基於react-native混合開發的App,這幾天趕快總結下。 寫過java的同學，再去學習react和rea

RecyclerView重新整理與載入更多

   序言:上一篇述說了android架構層，本篇主要學習RecyclerView重新整理與載入，原理就是重新整理使用的是SwipeRefireshLayout，而載入更多是採用RecyclerVie

RecyclerView 通用介面卡封裝

有很久沒有寫部落格了，主要還是因為小 baby 的誕生，忙前忙後，跑來跑去的很少有整片整片的時間靜下心來寫部落格，現在小楠終於回北京了，自己利用 SpringBoot 搭建部落格也基本完成了，終於有了自己的個人部落格。這段時間雖然沒有寫部落格，但是平時也不是沒有積累，只是零零散散的記在本子裡，現

挑戰練習10.6 實現高效的RecyclerView重新整理

把原本使用的Adapter的notifyDataSetChanged方法換成定位重新整理RecyclerView.Adapter的notifyItem。 1.在CrimeListFragment裡面定義一個全域性變數  1 private static int mCrimeIndex;&nb

Android UI 自定義ListView 實現下拉重新整理 載入更多

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

RecyclerView重新整理和多佈局

本章主要講述RecyclerView的上拉重新整理下拉載入已經多佈局等，下面請看效果圖和程式碼：      1.item_view1.xml: <?xml version="1.0" encoding="utf-8"?> <RelativeL

解決RecyclerView重新整理，資料顯示錯亂

【問題現象】     做一個條目展示的的專案用到RecyclerView，在介面中有收藏和取消收藏的功能，第一個出現的問題就是點選按鈕收藏或者取消收藏後，按鈕的狀態發生了改變，但是當收藏或者取消收藏的條目上下滑動滑出螢幕外再次進入時，按鈕的狀態沒有改變，除錯發現此時沒

emlog實現全站pjax無重新整理載入頁面

  宣告，pjax技術對SEO收錄不是很友好，大型網站慎用，限小型個人部落格體驗。 一：整合pjax的準備工作；     檢查你的網站是否引入1.7.0版本以上的jquery.js，如果沒有請全域性引入 1.新浪CDN提速： 

kafka告警簡單方案 依賴配置中心實現注有@ConfigurationProperties的bean相關屬性重新整理 簡單封裝kafka相關的api

一、前言 　　為什麼要設計kafka告警方案？現成的監控專案百度一下一大堆，KafkaOffsetMonitor、KafkaManager、 Burrow等，具體參考：kafka的訊息擠壓監控。由於本小組的專案使用的kafka叢集並沒有被公司的kafka-manager管理，所以只能自己簡單做一個告警。