碼上快樂

相關內容    簡體    繁體

實現上拉加載更多的SwipeRefreshLayout

本文轉載自   查看原文   2016-03-07 21:01   14184    android知識點復習與總結

轉載請標明出處：

http://blog.csdn.net/developer_jiangqq/article/details/49992269

本文出自:【江清清的博客】

 

(一).前言:   

        【好消息】個人網站已經上線運行,后面博客以及技術干貨等精彩文章會同步更新，請大家關注收藏:http://www.lcode.org 

      話說RecyclerView已經面市很久，也在很多應用中得到廣泛的使用，在整個開發者圈子里面也擁有很不錯的口碑，那說明RecyclerView擁有比ListView,GridView之類控件有很多的優點，例如:數據綁定，Item View創建,View的回收以及重用等機制。前三三篇文章已經貢呢更新了以下三個部分:

  1. RecyclerView控件的基本使用,包括基礎,進階,高級部分,動畫之類(點擊進入)
  2. RecyclerView控件的實戰實例(點擊進入)
  3. RecyclerView控件集合AA(Android Annotations)注入框架實例(點擊進入)

         本來這個專題不打算更新，不過前兩天看到各位童鞋還是挺積極的評論到，希望可以更新RecyclerView加入下拉刷新和上拉加載更多的功能。正好昨天周末，所以我這邊也就實現了這樣的功能，今天更新一下。具體代碼已經上傳到下面的項目中，歡迎各位去star和fork一下。

         FastDev4Android框架項目地址:https://github.com/jiangqqlmj/FastDev4Android

         RecyclerView實現的列表，默認情況下面是不帶下拉刷新和上拉記載更多效果的，但是我在我們的實際項目當中，為了提高用戶體驗，這種效果一般都需要實現，在我以前的博客中已經重寫了ListView(Android 列表下拉刷新組件PullToRefreshListView使用)實現上拉刷新和上拉加載更多效果。現在我們已經學會了ListView,GridView的替代品RecyclerView的基本使用方法，那么必不可少的也需要實現上拉刷新和上拉加載更多的效果了。今天我們會通過兩種方式來實現，具體會采用Android的另一控件SwipeRefreshLayout。

(二).SwipeRefreshLayout介紹:

         SwipeRefrshLayout是Google官方更新的一個Widget,可以實現下拉刷新的效果。該控件集成自ViewGroup在support-v4兼容包下，不過我們需要升級supportlibrary的版本到19.1以上。基本使用的方法如下:

  • setOnRefreshListener(OnRefreshListener):添加下拉刷新監聽器
  • setRefreshing(boolean):顯示或者隱藏刷新進度條
  • isRefreshing():檢查是否處於刷新狀態
  • setColorSchemeResources():設置進度條的顏色主題，最多設置四種，以前的setColorScheme()方法已經棄用了。

     具體使用效果下面我們會看到。

(三).RecyclerView+SwpieRefreshLayout實現下拉刷新效果:

       1.SwipeRefreshLayout本身自帶下拉刷新的效果，那么我們可以選擇在RecyclerView布局外部嵌套一層SwipeRefreshLayout布局即可，具體布局文件如下:

 

[html]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. <?xmlversionxmlversion="1.0" encoding="utf-8"?>  
  2. <LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"android:layout_width="match_parent"  
  4.    android:layout_height="match_parent">  
  5.     <includelayoutincludelayout="@layout/common_top_bar_layout"/>  
  6.    <android.support.v4.widget.SwipeRefreshLayout  
  7.        android:id="@+id/demo_swiperefreshlayout"  
  8.        android:layout_width="fill_parent"  
  9.        android:layout_height="fill_parent"  
  10.         android:scrollbars="vertical"  
  11.         >  
  12.        <android.support.v7.widget.RecyclerView  
  13.            android:id="@+id/demo_recycler"  
  14.            android:layout_width="fill_parent"  
  15.            android:layout_height="fill_parent"  
  16.            ></android.support.v7.widget.RecyclerView>  
  17.    </android.support.v4.widget.SwipeRefreshLayout>  
  18. </LinearLayout>  

 

      2.接着在Activity中獲取SwipeRefreshLayout控件並且設置OnRefreshListener監聽器，同時實現里邊的onRefresh()方法，在該方法中進行網絡請求最新數據，然后刷新RecyclerView列表同時設置SwipeRefreshLayout的進度Bar的隱藏或者顯示效果。具體代碼如下:

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. demo_swiperefreshlayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {  
  2.             @Override  
  3.             public void onRefresh() {  
  4.                 Log.d("zttjiangqq","invoke onRefresh...");  
  5.                 new Handler().postDelayed(newRunnable() {  
  6.                     @Override  
  7.                     public void run() {  
  8.                         List<String> newDatas = new ArrayList<String>();  
  9.                         for (int i = 0; i <5; i++) {  
  10.                             int index = i + 1;  
  11.                            newDatas.add("new item" + index);  
  12.                         }  
  13.                        adapter.addItem(newDatas);  
  14.                        demo_swiperefreshlayout.setRefreshing(false);  
  15.                        Toast.makeText(RecyclerRefreshActivity.this, "更新了五條數據...", Toast.LENGTH_SHORT).show();  
  16.                     }  
  17.                 }, 5000);  
  18.             }  
  19.         });  

 

   3.除此之外我們也來看一下Adapter和Activity中的其他代碼，也方便各位童鞋查看。

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. RecyclerRefreshActivity.java  
  2. public class RecyclerRefreshActivity extends BaseActivity {  
  3.     private LinearLayout top_bar_linear_back;  
  4.     private TextView top_bar_title;  
  5.     private SwipeRefreshLayout demo_swiperefreshlayout;  
  6.     private RecyclerView demo_recycler;  
  7.     private RefreshRecyclerAdapter adapter;  
  8.     private LinearLayoutManager linearLayoutManager;  
  9.     private int lastVisibleItem;  
  10.     @Override  
  11.     protected void onCreate(BundlesavedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.        setContentView(R.layout.recycler_refresh_layout);  
  14.        top_bar_linear_back=(LinearLayout)this.findViewById(R.id.top_bar_linear_back);  
  15.        top_bar_linear_back.setOnClickListener(new CustomOnClickListener());  
  16.        top_bar_title=(TextView)this.findViewById(R.id.top_bar_title);  
  17.        top_bar_title.setText("RecyclerView下拉刷新,下拉加載更多...");  
  18.        demo_swiperefreshlayout=(SwipeRefreshLayout)this.findViewById(R.id.demo_swiperefreshlayout);  
  19.        demo_recycler=(RecyclerView)this.findViewById(R.id.demo_recycler);  
  20.         //設置刷新時動畫的顏色，可以設置4個  
  21.        demo_swiperefreshlayout.setProgressBackgroundColorSchemeResource(android.R.color.white);  
  22.        demo_swiperefreshlayout.setColorSchemeResources(android.R.color.holo_blue_light,  
  23.                 android.R.color.holo_red_light,android.R.color.holo_orange_light,  
  24.                android.R.color.holo_green_light);  
  25.        demo_swiperefreshlayout.setProgressViewOffset(false, 0, (int) TypedValue  
  26.                .applyDimension(TypedValue.COMPLEX_UNIT_DIP, 24, getResources()  
  27.                         .getDisplayMetrics()));  
  28.         linearLayoutManager=new LinearLayoutManager(this);  
  29.        linearLayoutManager.setOrientation(OrientationHelper.VERTICAL);  
  30.        demo_recycler.setLayoutManager(linearLayoutManager);  
  31.         //添加分隔線  
  32.         demo_recycler.addItemDecoration(new AdvanceDecoration(this, OrientationHelper.VERTICAL));  
  33.         demo_recycler.setAdapter(adapter = new RefreshRecyclerAdapter(this));  
  34.        demo_swiperefreshlayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {  
  35.             @Override  
  36.             public void onRefresh() {  
  37.                 Log.d("zttjiangqq","invoke onRefresh...");  
  38.                 new Handler().postDelayed(newRunnable() {  
  39.                     @Override  
  40.                     public void run() {  
  41.                         List<String> newDatas = new ArrayList<String>();  
  42.                         for (int i = 0; i <5; i++) {  
  43.                             int index = i + 1;  
  44.                            newDatas.add("new item" + index);  
  45.                         }  
  46.                        adapter.addItem(newDatas);  
  47.                        demo_swiperefreshlayout.setRefreshing(false);  
  48.                        Toast.makeText(RecyclerRefreshActivity.this, "更新了五條數據...", Toast.LENGTH_SHORT).show();  
  49.                     }  
  50.                 }, 5000);  
  51.             }  
  52.         });  
  53.           class CustomOnClickListenerimplements View.OnClickListener{  
  54.         @Override  
  55.         public void onClick(View v) {  
  56.            RecyclerRefreshActivity.this.finish();  
  57.         }  
  58.     }  
  59. }  

 

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. RefreshRecyclerAdapter.java  
  2. public class RefreshRecyclerAdapter extends RecyclerView.Adapter<RefreshRecyclerAdapter.ViewHolder>{  
  3.     private LayoutInflater mInflater;  
  4.     private List<String> mTitles=null;  
  5.     public RefreshRecyclerAdapter(Context context){  
  6.        this.mInflater=LayoutInflater.from(context);  
  7.         this.mTitles=new ArrayList<String>();  
  8.         for (int i=0;i<20;i++){  
  9.             int index=i+1;  
  10.            mTitles.add("item"+index);  
  11.         }  
  12.     }  
  13.     /** 
  14.      * item顯示類型 
  15.      * @param parent 
  16.      * @param viewType 
  17.      * @return 
  18.      */  
  19.     @Override  
  20.     public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
  21.         final Viewview=mInflater.inflate(R.layout.item_recycler_layout,parent,false);  
  22.         //這邊可以做一些屬性設置，甚至事件監聽綁定  
  23.         //view.setBackgroundColor(Color.RED);  
  24.         ViewHolder viewHolder=new ViewHolder(view);  
  25.    
  26.         return viewHolder;  
  27.     }  
  28.    
  29.     /** 
  30.      * 數據的綁定顯示 
  31.      * @param holder 
  32.      * @param position 
  33.      */  
  34.     @Override  
  35.     public void onBindViewHolder(ViewHolder holder, int position) {  
  36.        holder.item_tv.setText(mTitles.get(position));  
  37.         holder.itemView.setTag(position);  
  38.     }  
  39.     @Override  
  40.     public int getItemCount() {  
  41.         return mTitles.size();  
  42.     }  
  43.    
  44.     //自定義的ViewHolder，持有每個Item的的所有界面元素  
  45.     public static class ViewHolder extends RecyclerView.ViewHolder {  
  46.         public TextView item_tv;  
  47.         public ViewHolder(View view){  
  48.             super(view);  
  49.             item_tv = (TextView)view.findViewById(R.id.item_tv);  
  50.         }  
  51.     }  
  52.    
  53.     //添加數據  
  54.     public void addItem(List<String> newDatas) {  
  55.         //mTitles.add(position, data);  
  56.         //notifyItemInserted(position);  
  57.         newDatas.addAll(mTitles);  
  58.         mTitles.removeAll(mTitles);  
  59.         mTitles.addAll(newDatas);  
  60.         notifyDataSetChanged();  
  61.     }  
  62.    
  63.     public void addMoreItem(List<String> newDatas) {  
  64.         mTitles.addAll(newDatas);  
  65.         notifyDataSetChanged();  
  66.     }  
  67. }  

 

以上重要地方的注釋已經加上去了。

5.運行效果如下:

(四).RecyclerView設置滾動事件加入上拉加載更多功能

         下面我們再來看RecyclerView和相關類的一些特性，

         LayoutManger給我們提供了以下幾個方法來讓開發者方便的獲取到屏幕上面的頂部item和頂部item相關的信息:

  • findFirstVisibleItemPosition()
  • findFirstCompletlyVisibleItemPosition()
  • findLastVisibleItemPosition()
  • findLastCompletlyVisibleItemPosition()

 同時通過Recycler.Adapter的getItemCount()方法可以輕松獲取到RecyclerView列表中Item View的個數。

那么下面我們通過監聽滑動(滾動)事件，然后在里邊判斷是否已經滑動到最底部來加載更多的數據，使用方法如下:

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. //RecyclerView滑動監聽  
  2.        demo_recycler.setOnScrollListener(new RecyclerView.OnScrollListener() {  
  3.            @Override  
  4.            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {  
  5.               super.onScrollStateChanged(recyclerView, newState);  
  6.                if (newState ==RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 ==adapter.getItemCount()) {  
  7.                    new Handler().postDelayed(new Runnable() {  
  8.                        @Override  
  9.                        public void run() {  
  10.                            List<String> newDatas = new ArrayList<String>();  
  11.                            for (int i = 0; i< 5; i++) {  
  12.                                int index = i +1;  
  13.                               newDatas.add("more item" + index);  
  14.                            }  
  15.                           adapter.addMoreItem(newDatas);  
  16.                        }  
  17.                    },1000);  
  18.                }  
  19.            }  
  20.            @Override  
  21.            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {  
  22.                super.onScrolled(recyclerView,dx, dy);  
  23.                lastVisibleItem =linearLayoutManager.findLastVisibleItemPosition();  
  24.            }  
  25.        });  

 

運行效果如下:

(五).升級RecyclerView加入FootView實現上拉加載

         上面我們雖然已經實現了上拉加載更多的效果，但是還比較丑陋，最起碼要讓用戶知道確實在上拉加載的過程吧，例如加載一個底部的進度布局。這樣一想，那么我們就按照ListView方式addFootView()唄，不過很可惜的是RecyclerView沒有給我們提供addFootView()方法，那該怎么樣辦呢？我們來看RecyclerView.Apapter類：

我們要實現一個自定義Adapter一定需要實現onCreateViewHolder(ViewGroup paren,int viewType)方法，注意看方法中的第二個參數viewType，是不是想到布局類型了，也就是說該也支持多套布局顯示的，那么查看基類中的所有方法如下:

上面有一個方法getItemType(),這個就和ListView的Adapter的實現差不多了，那么我們這邊可以使用多套布局給RecyclerView加入一個FootView布局即可。RefreshFootAdapter.java具體實現流程如下:

1.加入布局狀態標志-用來判斷此時加載是普通Item還是foot view:

   private static final int TYPE_ITEM =0;  //普通Item View

   private static final intTYPE_FOOTER = 1;  //頂部FootView

2.重寫getItemCount()方法,返回的Item數量在數據的基礎上面+1，增加一項FootView布局項

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. public intgetItemCount() {  
  2.      return mTitles.size()+1;  
  3.  }  

 

3.重寫getItemViewType方法來判斷返回加載的布局的類型

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. public int getItemViewType(int position) {  
  2.   // 最后一個item設置為footerView  
  3.   if (position + 1 == getItemCount()) {  
  4.               return TYPE_FOOTER;  
  5.           } else {  
  6.               return TYPE_ITEM;  
  7.           }  
  8.       }  

 

4.接着onCreateViewHolder(ViewGroup parent,int viewType)加載布局的時候根據viewType的類型來選擇指定的布局創建，返回即可:

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
  2.         //進行判斷顯示類型，來創建返回不同的View  
  3.         if(viewType==TYPE_ITEM){  
  4.             Viewview=mInflater.inflate(R.layout.item_recycler_layout,parent,false);  
  5.             //這邊可以做一些屬性設置，甚至事件監聽綁定  
  6.            //view.setBackgroundColor(Color.RED);  
  7.             ItemViewHolder itemViewHolder=new ItemViewHolder(view);  
  8.             return itemViewHolder;  
  9.         }else if(viewType==TYPE_FOOTER){  
  10.             Viewfoot_view=mInflater.inflate(R.layout.recycler_load_more_layout,parent,false);  
  11.             //這邊可以做一些屬性設置，甚至事件監聽綁定  
  12.            //view.setBackgroundColor(Color.RED);  
  13.             FootViewHolder footViewHolder=new FootViewHolder(foot_view);  
  14.             return footViewHolder;  
  15.         }  
  16.        return null;  
  17.     }  

 

5.最后進行判斷數據的時候(onBindViewHolder)，判斷holder的類型來進行判定數據即可.

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {  
  2.        if(holder instanceof ItemViewHolder) {  
  3.           ((ItemViewHolder)holder).item_tv.setText(mTitles.get(position));  
  4.            holder.itemView.setTag(position);  
  5.        }else if(holder instanceof FootViewHolder){  
  6.            FootViewHolderfootViewHolder=(FootViewHolder)holder;  
  7.            switch (load_more_status){  
  8.                case PULLUP_LOAD_MORE:  
  9.                   footViewHolder.foot_view_item_tv.setText("上拉加載更多...");  
  10.                    break;  
  11.                case LOADING_MORE:  
  12.                   footViewHolder.foot_view_item_tv.setText("正在加載更多數據...");  
  13.                    break;  
  14.            }  
  15.        }  
  16.    }  

6.整個RefreshFootAdapter完整代碼如下:

 

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. packagecom.chinaztt.fda.adapter;  
  2. public class RefreshFootAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{  
  3.     //上拉加載更多  
  4.     public static final int  PULLUP_LOAD_MORE=0;  
  5.     //正在加載中  
  6.     public static final int  LOADING_MORE=1;  
  7.     //上拉加載更多狀態-默認為0  
  8.     private int load_more_status=0;  
  9.     private LayoutInflater mInflater;  
  10.     private List<String> mTitles=null;  
  11.     private static final intTYPE_ITEM = 0;  //普通Item View  
  12.     private static final intTYPE_FOOTER = 1;  //頂部FootView  
  13.     public RefreshFootAdapter(Context context){  
  14.        this.mInflater=LayoutInflater.from(context);  
  15.         this.mTitles=new ArrayList<String>();  
  16.         for (int i=0;i<20;i++){  
  17.             int index=i+1;  
  18.            mTitles.add("item"+index);  
  19.         }  
  20.     }  
  21.     /** 
  22.      * item顯示類型 
  23.      * @param parent 
  24.      * @param viewType 
  25.      * @return 
  26.      */  
  27.     public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
  28.         //進行判斷顯示類型，來創建返回不同的View  
  29.         if(viewType==TYPE_ITEM){  
  30.             Viewview=mInflater.inflate(R.layout.item_recycler_layout,parent,false);  
  31.             //這邊可以做一些屬性設置，甚至事件監聽綁定  
  32.            //view.setBackgroundColor(Color.RED);  
  33.             ItemViewHolder itemViewHolder=new ItemViewHolder(view);  
  34.             return itemViewHolder;  
  35.         }else if(viewType==TYPE_FOOTER){  
  36.             Viewfoot_view=mInflater.inflate(R.layout.recycler_load_more_layout,parent,false);  
  37.             //這邊可以做一些屬性設置，甚至事件監聽綁定  
  38.            //view.setBackgroundColor(Color.RED);  
  39.             FootViewHolder footViewHolder=new FootViewHolder(foot_view);  
  40.             return footViewHolder;  
  41.         }  
  42.        return null;  
  43.     }  
  44.    
  45.     /** 
  46.      * 數據的綁定顯示 
  47.      * @param holder 
  48.      * @param position 
  49.      */  
  50.     public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {  
  51.         if(holder instanceof ItemViewHolder) {  
  52.            ((ItemViewHolder)holder).item_tv.setText(mTitles.get(position));  
  53.             holder.itemView.setTag(position);  
  54.         }else if(holder instanceof FootViewHolder){  
  55.             FootViewHolder footViewHolder=(FootViewHolder)holder;  
  56.             switch (load_more_status){  
  57.                 case PULLUP_LOAD_MORE:  
  58.                    footViewHolder.foot_view_item_tv.setText("上拉加載更多...");  
  59.                     break;  
  60.                 case LOADING_MORE:  
  61.                    footViewHolder.foot_view_item_tv.setText("正在加載更多數據...");  
  62.                     break;  
  63.             }  
  64.         }  
  65.     }  
  66.    
  67.     /** 
  68.      * 進行判斷是普通Item視圖還是FootView視圖 
  69.      * @param position 
  70.      * @return 
  71.      */  
  72.     @Override  
  73.     public int getItemViewType(int position) {  
  74.     // 最后一個item設置為footerView  
  75.     if (position + 1 == getItemCount()) {  
  76.                 return TYPE_FOOTER;  
  77.             } else {  
  78.                 return TYPE_ITEM;  
  79.             }  
  80.         }  
  81.     @Override  
  82.     public int getItemCount() {  
  83.         return mTitles.size()+1;  
  84.     }  
  85.     //自定義的ViewHolder，持有每個Item的的所有界面元素  
  86.     public static class ItemViewHolder extends RecyclerView.ViewHolder {  
  87.         public TextView item_tv;  
  88.         public ItemViewHolder(View view){  
  89.             super(view);  
  90.             item_tv = (TextView)view.findViewById(R.id.item_tv);  
  91.         }  
  92.     }  
  93.     /** 
  94.      * 底部FootView布局 
  95.      */  
  96.     public static class FootViewHolder extends  RecyclerView.ViewHolder{  
  97.         private TextView foot_view_item_tv;  
  98.         public FootViewHolder(View view) {  
  99.             super(view);  
  100.            foot_view_item_tv=(TextView)view.findViewById(R.id.foot_view_item_tv);  
  101.         }  
  102.     }  
  103.    
  104.     //添加數據  
  105.     public void addItem(List<String> newDatas) {  
  106.         //mTitles.add(position, data);  
  107.         //notifyItemInserted(position);  
  108.         newDatas.addAll(mTitles);  
  109.         mTitles.removeAll(mTitles);  
  110.         mTitles.addAll(newDatas);  
  111.         notifyDataSetChanged();  
  112.     }  
  113.    
  114.     public void addMoreItem(List<String> newDatas) {  
  115.         mTitles.addAll(newDatas);  
  116.         notifyDataSetChanged();  
  117.     }  
  118.    
  119.     /** 
  120.      * //上拉加載更多 
  121.      * PULLUP_LOAD_MORE=0; 
  122.      * //正在加載中 
  123.      * LOADING_MORE=1; 
  124.      * //加載完成已經沒有更多數據了 
  125.      * NO_MORE_DATA=2; 
  126.      * @param status 
  127.      */  
  128.     public void changeMoreStatus(int status){  
  129.         load_more_status=status;  
  130.         notifyDataSetChanged();  
  131.     }  
  132. }  

 

同時該Adaper中我還定義一個changeMoreStatus()方法和兩個字符串常量可以來進行修改FootView中字符串提醒文本的。

7.整體Activity中還是設置監聽RecyclerView的滾動事件.代碼和第一個例子差不多,不過RecyclerView需要設置這邊的Adapter了,demo_recycler.setAdapter(adapter= new RefreshFootAdapter(this));

 

[java]  view plain  copy
 
 在CODE上查看代碼片派生到我的代碼片
  1. demo_recycler.setOnScrollListener(new RecyclerView.OnScrollListener() {  
  2.             @Override  
  3.             public void onScrollStateChanged(RecyclerView recyclerView, int newState) {  
  4.                super.onScrollStateChanged(recyclerView, newState);  
  5.                 if (newState ==RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 ==adapter.getItemCount()) {  
  6.                    adapter.changeMoreStatus(RefreshFootAdapter.LOADING_MORE);  
  7.                     newHandler().postDelayed(new Runnable() {  
  8.                         @Override  
  9.                         public void run() {  
  10.                             List<String> newDatas = new ArrayList<String>();  
  11.                             for (int i = 0; i< 5; i++) {  
  12.                                 int index = i +1;  
  13.                                newDatas.add("more item" + index);  
  14.                             }  
  15.                            adapter.addMoreItem(newDatas);  
  16.                            adapter.changeMoreStatus(RefreshFootAdapter.PULLUP_LOAD_MORE);  
  17.                         }  
  18.                     }, 2500);  
  19.                 }  
  20.             }  
  21.             @Override  
  22.             public void onScrolled(RecyclerView recyclerView, int dx, int dy) {  
  23.                 super.onScrolled(recyclerView,dx, dy);  
  24.                 lastVisibleItem =linearLayoutManager.findLastVisibleItemPosition();  
  25.             }  
  26.         });  

 

查看代碼之后，大家肯定也發現在onScrollStateChanged()方法中,Adapter.addMoreItem()和Adapter.changeMoreStatus()方法內部都調用了notifyDataSetChanged()方法，也就是說這邊刷新了兩次，針對這個問題，大家可以把第二個方法放入到addMoreItem()內部去，調用一次刷新操作接口。同時也可以自己按照實際需求進行優化。

8.運行效果如下:

(六).最后總結

           今天我們通過SwipeRefreshLayout和RecyclerView結合以及改造Adapter方式實現了RecyclerView的下拉刷新和上拉加載更多的效果。

           本次具體實例注釋過的全部代碼已經上傳到FastDev4Android項目中了。同時歡迎大家去Github站點進行clone或者下載瀏覽:

https://github.com/jiangqqlmj/FastDev4Android 同時歡迎大家star和fork整個開源快速開發框架項目~

 

           本人錄制AA(Android Annotations)注入框架的視頻教程已經上線了,歡迎大家前往觀看。http://www.cniao5.com/course/10074

       

尊重原創，轉載請注明：From Sky丶清（http://blog.csdn.net/developer_jiangqq） 侵權必究！


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 RecyclerView實現上拉加載更多 jQuery上拉加載更多 RecyclerViewLoadMoreDemo【封裝上拉加載功能的RecyclerView，搭配SwipeRefreshLayout實現下拉刷新】 pulltorefresh（一）使用介紹，實現下拉刷新上拉加載更多 listview下拉刷新和上拉加載更多的多種實現方案 微信小程序 實現上拉加載更多 uniapp上拉加載更多功能的簡單實現 自己封裝的工具類，使用原生SwipeRefreshLayout+RecycleView實現下拉刷新和加載更多 mui簡單的上拉加載更多 下拉刷新數據的簡單實現 移動端下拉上拉 微信小程序：上拉加載更多
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM