SwipeRefreshLayout+RecyclerView+HeaderView

前言

在我們的App中，經常會存在各種列表，在RecyclerView之前，往往我們會使用ListView來做。然后再用其他的下拉刷新控件，而從Google提供SwipeRefreshLayout和RecyclerView之后，我們往往會采取二者相結合的方式來做列表顯示和下拉刷新，至于有點我就不在這里一一列舉，總之方便很多。我在前一篇博客中提到過如何的去搭建一個列表刷新框架，具體的來講我們需要考慮到一下幾點：

1.是否可以將SwipeRefreshLayout和RecyclerView進行綁定，并對外提供下拉刷新和上拉加載的回調接口
2.是否可以添加頭布局和腳部局
3.缺省頁如何加，如何更好的控制
4.如何去簡化Adapter,對子類提供部分抽象方法
5.如何減少分頁邏輯代碼，刷新數據分為全局刷新和局部刷新等等
............

廢話少說，下面我們具體的來分析一下：
PullLoadMoreRecyclerView.java

package main.ui.com.pullrefreshlayout;
import android.content.Context;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;

/** * Author：${luomingjun} 
* 時間：2016/2/29 09:53
 * 帶下拉刷新 上拉加載更多
 */
public class PullLoadMoreRecyclerView extends LinearLayout {    
    private RecyclerView mRecyclerView;  //RecyclerView 
    private PullRefreshLayout mSwipeRefreshLayout; // SwipeRefreshLaout
    private PullLoadMoreListener mPullLoadMoreListener;//加載更多 下拉刷新回調監聽
 
   private boolean hasMore = true; 
   private boolean isRefresh = false; 
   private boolean isLoadMore = false;
   private LinearLayout mFooterView;
   private Context mContext;

  public PullLoadMoreRecyclerView(Context context) { 
       super(context);
        initView(context);
    } 

  public PullLoadMoreRecyclerView(Context context, AttributeSet attrs) {  
      super(context, attrs);
        initView(context);
    }

  private void initView(Context context) {
      mContext = context; 
      View view = LayoutInflater.from(context).inflate(R.layout.pull_loadmore_layout, null);

      mSwipeRefreshLayout = (PullRefreshLayout) view.findViewById(R.id.swipeRefreshLayout);      mSwipeRefreshLayout.setColorSchemeResources(R.color.bg_color_009bff); 
      mSwipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayoutOnRefresh(this));
 
      mRecyclerView = (RecyclerView) view.findViewById(R.id.recycler_view);
      mRecyclerView.setVerticalScrollBarEnabled(true); 
      mRecy clerView.setHasFixedSize(true);
      mRecyclerView.setItemAnimator(new DefaultItemAnimator());
      mRecyclerView.setOnScrollListener(new RecyclerViewOnScroll(this));
        mRecyclerView.setOnTouchListener( 
               new OnTouchListener() {
                    @Override                   
          public boolean onTouch(View v, MotionEvent event) { 
                       return isRefresh; 
                   }   
             }   
     );  
    
    /*** 腳布局  ***/
    mFooterView = (LinearLayout)view.findViewById(R.id.footer_linearlayout); 
    mFooterView.setVisibility(View.GONE);  
    this.addView(view);  
  }  

  /**    
   * LinearLayoutManager
   */ 
   public void setLinearLayout() {  
      LinearLayoutManagerWrapper linearLayoutManager = new  LinearLayoutManagerWrapper(mContext);   
      linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);      
      mRecyclerView.setLayoutManager(linearLayoutManager); 
   }   

 /**    
  * GridLayoutManager 
  */    
    public void setGridLayout(int spanCount) { 
      GridLayoutManager gridLayoutManager = new GridLayoutManager(mContext, spanCount);     
      gridLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);  
      mRecyclerView.setLayoutManager(gridLayoutManager);
   }   

   /**  
   * StaggeredGridLayoutManager
   */
      public void setStaggeredGridLayout(int spanCount) {   
       StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(spanCount, LinearLayoutManager.VERTICAL);  
       mRecyclerView.setLayoutManager(staggeredGridLayoutManager); 
   }  

  /**  
   * addItemDecoration   定制分割線
    */
    public void addItemDecoration(int drawble) {  
      mRecyclerView.addItemDecoration(new DividerItemDecoration(getContext(), LinearLayoutManager.VERTICAL,drawble)); 
   }  

  public void setPullRefreshEnable(boolean enable) {
        mSwipeRefreshLayout.setEnabled(enable);  
  }    

   public boolean getPullRefreshEnable() {
        return mSwipeRefreshLayout.isEnabled(); 
   } 

   /**    
   * 得到LayoutManager
   *  * @return LayoutManager 
   */   
   public RecyclerView.LayoutManager getLayoutManager() {  
      return mRecyclerView.getLayoutManager();
    }   

  /** 
    * @return RecyclerView   
    */ 
   public RecyclerView getRecyclerView() {
        return mRecyclerView;  
  } 

   /**   
    * @return SwipeRefreshLayout 
    */   
  public SwipeRefreshLayout getSwipeRefreshLayout() {  
      return mSwipeRefreshLayout; 
   }   

   /**     
      * 設置加載更多 
     */  
  public void loadMore() {  
      if (mPullLoadMoreListener != null && hasMore) {  
          mFooterView.setVisibility(View.VISIBLE);
            mPullLoadMoreListener.onLoadMore(); 
       }  
  }  
 
   /**     
     * 設置加載完成
     */
    public void setPullLoadMoreCompleted() { 
       isRefresh = false;
        mSetRefreshing(false);
        isLoadMore = false;  
      mFooterView.setVisibility(View.GONE); 
   }   
 
 /**   
   * 設置刷新完成   
   */ 
    public void mSetRefreshing(final boolean isRefreshing) {  
      isRefresh = false; 
       mSwipeRefreshLayout.post(new Runnable() {   
         @Override            
       public void run() {    
            mSwipeRefreshLayout.setRefreshing(isRefreshing); 
           }    
    });
    }  

  /** 
     * 上拉加載更多 下拉刷新的回調  
    */  
  public void setOnPullLoadMoreListener(PullLoadMoreListener listener) { 
       mPullLoadMoreListener = listener; 
  }  

  /**  
     * 設置下拉刷新
     */  
  public void refresh() {
        mRecyclerView.setVisibility(View.VISIBLE);    
    if (mPullLoadMoreListener != null) { 
           mPullLoadMoreListener.onRefresh(); 
       }  
  }  

  /**    
 * 滾動到頂部 
    */ 
   public void scrollToTop() {     
   mRecyclerView.scrollToPosition(0); 
   }   

 /**  
   * 設置適配器  
   *  
   * @param adapter adpater 
    */   
 public void setAdapter(RecyclerView.Adapter adapter) {   
     if (adapter != null) {      
      mRecyclerView.setAdapter(adapter);  
      }  
  }   
 /**   
  * 設置下拉刷新
     */   
 public void setmRefreshLayout(boolean isRefresh) {     
   mSwipeRefreshLayout.setIsRefresh(isRefresh); 
   }    

  /**  
    * 是否上拉加載更多
    *     * @return 
    */   
 public boolean isLoadMore() {  
      return isLoadMore; 
   }    

 /**    
   * 設置上拉加載更多的狀態  
   * * @return  
   */
    public void setIsLoadMore(boolean isLoadMore) { 
       this.isLoadMore = isLoadMore; 
   }   

 /**   
   * 是否下拉刷新  
   *  * @return
     */  
  public boolean isRefresh() {  
      return isRefresh; 
   }   
 /**   
  * 設置下拉刷新的狀態 
    *     * @return   
  */
    public void setIsRefresh(boolean isRefresh) {
        this.isRefresh = isRefresh;
    }   
 /**   
  * 是否還有很多
     *     * @return   
  */  
  public boolean isHasMore() { 
       return hasMore;   
 }    
/**    
 * 設置更多狀態 
    * 
    * @param hasMore  
   */  
  public void setHasMore(boolean hasMore) {
        this.hasMore = hasMore;   
 }  
  /**
     * 滑動到指定的postion 
    * @param position  
   */    
public void smoothToPosition(int position) {  
      mRecyclerView.smoothScrollToPosition(position); 
   }
}

如上：我們已經了解了SwipeRefreshLayout和RecyclerView的結合使用，自定義了一個LinearLayout，接下來我們繼續來看我們的BaseRecyclerAdapter。

package main.ui.com.pullrefreshlayout;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;
import android.view.ViewGroup;
import java.util.ArrayList;
import java.util.List;

/** * Author：${luomingjun} 
* 時間：2016/2/29 13:18 
* 自定義的BaseRecyclerAdapter 
* 1.主要封裝了添加header 
* 2.提供了點擊事件  不用在每個adapter里面再次去寫點擊事件（RecyclerView中點擊事件必須實現接口） 
* 3.  提供添加數據的兩個函數方法    addReDatas(ArrayList<T> datas)       addReDatas(ArrayList<T> mDatas, int index, int count) 
* 第一個函數 可以使用在不用分頁或者加載第一頁數據時候使用  它自帶刷新列表  第二個方法適合在分頁時候 使用 具體參數看注釋 
*/

public abstract class BaseRecyclerAdapter<T> extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

public static final int TYPE_HEADER = 0;    
public static final int TYPE_NORMAL = 1;    
private List<T> mDatas = new ArrayList<>();  //數據源
private View mHeaderView;    
private OnItemClickListener mListener;

/***
  *設置點擊Item點擊事件
  */
public void setOnItemClickListener(OnItemClickListener li) { 
       mListener = li;
    } 

//添加頭（在item為0出插入頭）
public void setHeaderView(View headerView) { 
       mHeaderView = headerView;
        notifyItemInserted(0);
    } 

   /**    
 * 獲得頭部HeaderView    
 * @return View    
 */   
 public View getHeaderView() { 
       return mHeaderView;  
  } 
 
  /**    
 * 獲得數據源
 * @return mDatas  
 */   
  public List<T> getListData() {  
      return mDatas;  
  }  

  @Override    
public int getItemViewType(int position) {
        if (mHeaderView == null) 
         return TYPE_NORMAL;
        if (position == 0)
         return TYPE_HEADER; 
         return TYPE_NORMAL;
    }   

 @Override    
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, final int viewType) {  
      if (mHeaderView != null && viewType == TYPE_HEADER)
       return new Holder(mHeaderView);  
        return onCreate(parent, viewType); 
   }    

@Override
    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {   
     if (getItemViewType(position) == TYPE_HEADER) return;  
      final int pos = getRealPosition(viewHolder); 
      final T data = mDatas.get(pos);  
      onBind(viewHolder, pos, data);  
      if (mListener != null) {
            viewHolder.itemView.setOnClickListener(new View.OnClickListener() {  
              @Override         
            public void onClick(View v) {     
               mListener.onItemClick(pos, data);
                }    
       }); 
       }   
 } 
  
 @Override  
  public void onAttachedToRecyclerView(RecyclerView recyclerView) { 
       super.onAttachedToRecyclerView(recyclerView);   
     RecyclerView.LayoutManager manager = recyclerView.getLayoutManager(); 
       if (manager instanceof GridLayoutManager) { 
           final GridLayoutManager gridManager = ((GridLayoutManager) manager);
            gridManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {   
             @Override             
          public int getSpanSize(int position) {    
                   return getItemViewType(position) == TYPE_HEADER  ? gridManager.getSpanCount() : 1;         
       }            });   
     }  
  } 

  @Override    
public void onViewAttachedToWindow(RecyclerView.ViewHolder holder) {   
     super.onViewAttachedToWindow(holder);     
     ViewGroup.LayoutParams lp = holder.itemView.getLayoutParams();     
       if (lp != null && lp instanceof StaggeredGridLayoutManager.LayoutParams  && holder.getLayoutPosition() == 0) {   
         StaggeredGridLayoutManager.LayoutParams p = (StaggeredGridLayoutManager.LayoutParams) lp;         
         p.setFullSpan(true); 
       }   
 }    

 //獲得真是的Position
 public int getRealPosition(RecyclerView.ViewHolder holder) {  
      int position = holder.getLayoutPosition();   
     return mHeaderView == null ? position : position - 1;  
  }  

  @Override  
  public int getItemCount() {     
       return mHeaderView == null ? mDatas.size() : mDatas.size() + 1;
    } 

   public abstract RecyclerView.ViewHolder onCreate(ViewGroup parent, final int viewType); 
   public abstract void onBind(RecyclerView.ViewHolder viewHolder, int RealPosition, T data);  
   public class Holder extends RecyclerView.ViewHolder {   
     public Holder(View itemView) { 
           super(itemView);   
      }
     }   

 /**    
 * 是否顯示缺省頁  
   *     * @return 
    */    
public boolean blnDataBind() {  
      if (mDatas != null && mDatas.size() > 0) {  
          return false;   
     } else { 
           return true;  
      }  
  }  

  /**   
  * @param datas 數據源  
   */   
 public void addReDatas(List<T> datas) { 
        mDatas.clear();  
       mDatas.addAll(datas);    
     notifyDataSetChanged();  
  }   

 public void addDatas(List<T> datas) { 
       mDatas = datas;   
     notifyDataSetChanged(); 
   }   

 /**    
  *  插入數據  局部刷新
 * @param data      數據源     
 * @param pageCount 每頁條數  
 */ 
  public void addReDatas(List<T> data, int pageCount) {   
      mDatas.addAll(data);    
      this.notifyItemRangeChanged(mDatas.size() - pageCount, pageCount); 
   }
}

在使用以上Adpater時候，需要注意以上的mDatas 才是真正的數據源，這樣做的原因是為了簡化分頁時候的邏輯，往往我們在做分頁時候，需要判斷當前頁，對數據源操作等等，而這里便不用，只需要分兩種情況考慮，第一種就是刷新時候或者第一頁時候，第二種就是分頁數據，同樣它解決了添加頭的問題，直接將View插入positon為0的位置，RecyclerView的item點擊事件等等。

下面我們來看在MainActivity中的使用：
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
   android:id="@+id/layout_distribution_main"  
   android:layout_width="match_parent" 
   android:layout_height="match_parent"
   android:clipToPadding="true"  
   android:fitsSystemWindows="true" 
   android:orientation="vertical"> 
      <RelativeLayout       
             android:id="@+id/rl_report_main" 
             android:layout_width="match_parent"  
             android:layout_height="wrap_content" 
             android:background="@color/bg_color_fafafa"
        >     
     <main.ui.com.pullrefreshlayout.PullLoadMoreRecyclerView      
           android:id="@+id/pullLoadMoreRecyclerView" 
           android:layout_width="match_parent"    
           android:layout_height="wrap_content"
     />   
    <!-- 缺省頁 -->   
     <include          
           layout="@layout/not_data_layout"      
           android:layout_width="wrap_content"  
          android:layout_height="wrap_content"  
          android:layout_centerInParent="true" 
 />   
 </RelativeLayout>
</RelativeLayout>

MainActivity.java

package main.ui.com.pullrefreshlayout;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements PullLoadMoreListener {  
  private PullLoadMoreRecyclerView pullLoadMoreRecyclerView;  
  private DataAdapter adapter;  
  private List<DataEntity> data=new ArrayList<>(); 
   private static int page=1;   
 @Override   
 protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);    
       setContentView(R.layout.activity_main);   
       pullLoadMoreRecyclerView = (PullLoadMoreRecyclerView) findViewById(R.id.pullLoadMoreRecyclerView);  
        View view = LayoutInflater.from(this).inflate(R.layout.distribution_revenue_head, null);
        pullLoadMoreRecyclerView.setLinearLayout();      
        pullLoadMoreRecyclerView.setmRefreshLayout(false); 

       adapter=new DataAdapter();    
       adapter.setHeaderView(view); 

       pullLoadMoreRecyclerView.setAdapter(adapter);   
       pullLoadMoreRecyclerView.setOnPullLoadMoreListener(this); 
   }   

   @Override   
 public void onRefresh() { 
    new Handler().postDelayed(new Runnable() {  
       @Override        
      public void run() {   
          page=1;  
           data.clear(); 
            for (int i = 0; i < 10; i++) {        
             DataEntity dataEntity = new DataEntity();     
             dataEntity.data = "測試" + i;      
             data.add(dataEntity);   
          }        
         adapter.addDatas(data);     
         pullLoadMoreRecyclerView.setPullLoadMoreCompleted();  
       }   
  }, 2000);   
 }   

    @Override
    public void onLoadMore() {
        new Handler().postDelayed(new Runnable() {   
         @Override     
          public void run() {    
            page++;     
               for (int i = data.size(); i < 10 * page; i++) {  
                  DataEntity dataEntity = new DataEntity();    
                 dataEntity.data = "測試" + i;     
                 data.add(dataEntity); 
               }               
            adapter.addReDatas(data, page);    
            pullLoadMoreRecyclerView.setPullLoadMoreCompleted(); 
           }      
      },
     2000);
    }
}

我這里是模擬數據，所以寫的比較亂，建議在UI界面里面不要做數據源，直接用addReDatas（）方法和addDatas（）方法進行數據在Adapter顯示，另外在這里需要注意在用這部分代碼時候，如果出現下拉刷新時候，動畫出現懸停的情況，請檢查工程是否依賴了v4jar包，以上為部分核心代碼，注釋沒加太多，有問題在底部留言。

源碼傳送門：http://pan.baidu.com/s/1kV6kzVD 提取碼：engu

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
    沈念sama閱讀 228,546評論 6贊 533
  • 死咒
    序言：濱河連續發生了三起死亡事件，死亡現場離奇詭異，居然都是意外死亡，警方通過查閱死者的電腦和手機，發現死者居然都...
    沈念sama閱讀 98,570評論 3贊 418
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
    開封第一講書人閱讀 176,505評論 0贊 376
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長。 經常有香客問我，道長，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 63,017評論 1贊 313
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮，結果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當我...
    茶點故事閱讀 71,786評論 6贊 410
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
    開封第一講書人閱讀 55,219評論 1贊 324
  • 城市分裂傳說
    那天，我揣著相機與錄音，去河邊找鬼。 笑死，一個胖子當著我的面吹牛，可吹牛的內容都是我干的。 我是一名探鬼主播，決...
    沈念sama閱讀 43,287評論 3贊 441
  • 雙鴛鴦連環套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
    開封第一講書人閱讀 42,438評論 0贊 288
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后，有當地人在樹林里發現了一具尸體，經...
    沈念sama閱讀 48,971評論 1贊 335
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,796評論 3贊 354
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,995評論 1贊 369
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖，靈堂內的尸體忽然破棺而出，到底是詐尸還是另有隱情，我是刑警寧澤，帶...
    沈念sama閱讀 38,540評論 5贊 359
  • ?日本核電站爆炸內幕
    正文 年R本政府宣布，位于F島的核電站，受9級特大地震影響，放射性物質發生泄漏。R本人自食惡果不足惜，卻給世界環境...
    茶點故事閱讀 44,230評論 3贊 347
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧，春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0贊 26
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至，卻和暖如春，著一層夾襖步出監牢的瞬間，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評論 1贊 286
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人。 一個月前我還...
    沈念sama閱讀 51,697評論 3贊 392
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2贊 374

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,661評論 25贊 708
  • 到不了的都叫做遠方，回不去的名字叫家鄉！ —南拳媽媽（牡丹江） 本人8...
    幺姨妹兒閱讀 197評論 0贊 0