===============================================================================================

 相信很多安卓開發的朋友，尤其是剛從事安卓開發的朋友， 當產品經理遞過來一張複雜頁面的設計圖時 ， 都會有一種茫然的感覺 ， 在心裡想著如何實現 ， 然後網上搜索如何實現複雜佈局頁面，當初我也是這麼過來的， 可以說踩了很多很大的坑 ，  所以決定寫下這篇部落格 ，  供各位猿猿參觀 ， 想相信看完此篇 ， 絕對是最後一篇 ，  不用再找了 ， 當然 此篇為進階篇 。 如果你對recycleview 還不熟悉 

言歸正傳， 先來看一下效果圖：

 gif錄出來 有點怪 ， 所以就截圖了，原始碼已放入github

下面我來分析一下這種複雜介面的具體實現思路， 當然這裡非常感謝   liaoinstan 大神的文章 http://blog.csdn.net/liaoinstan/article/details/52671101，朋友可以看一下 ， 最初我也是看了此篇 ， 但是此篇並非完美， 在此我進一步總結一下 。

首先我們來做一個分水嶺， 就是佈局中上拉載入的佈局是否是瀑布流，

1、如果不是瀑布流， 那就很簡單了，借鑑一下

如果實現此圖， liaoinstan給瞭如下兩種方案，

第一種：

 這裡recycleview5 應該還是列表管理器， 懶得畫圖了，意思一樣 。

這種方案構思就是recycleview裡面巢狀多recycleview，構思簡單，編寫也是行如流水，能夠實現需求，但是問題來了，以下是重點，這種多巢狀的寫法，在上拉載入的時候，拉到後面基本就會很卡，就算釋放glide（或者其他圖片載入框架）的記憶體也是釋放不掉，直至oom或者卡死不動，所以這種巢狀思路只適合沒有載入更多的的情況。

第二種：

這中思路里面最重要的方法就是

1. @Override
2. publicvoid onAttachedToRecyclerView(
   final RecyclerView recyclerView) {  
3.     super.onAttachedToRecyclerView(recyclerView);  
4.     RecyclerView.LayoutManager manager = recyclerView.getLayoutManager();  
5.     if(manager instanceof GridLayoutManager) {  
6.         final GridLayoutManager gridManager = ((GridLayoutManager) manager);  
7.         gridManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {  
8.             @Override
9.             publicint getSpanSize(int position) {  
10.                 int type = getItemViewType(position);  
11.                 switch (type){  
12.                     case TYPE_SLIDER:  
13.                     case TYPE_TYPE2_HEAD:  
14.                     case TYPE_TYPE3_HEAD:  
15.                         return6;  
16.                     case TYPE_TYPE2:  
17.                         return3;  
18.                     case TYPE_TYPE3:  
19.                         return2;  
20.                     default:  
21.                         return3;  
22.                 }  
23.             }  
24.         });  
25.     }  
26. }  

2.如果需求是帶瀑布流的

那麼，第一種情況裡面的 onAttachedToRecyclerView方法瀑布流管理器裡面就不存在，因此無法使用，只能另尋他法，liaoinstan大神推薦TwowayView能實現上圖這種效果，但是， 呵呵，不好意思，當你用TwowayView寫實際應用時， 需要網路載入時， 問題出現了，那就是你來回下拉重新整理幾次，佈局上面就會有一塊白的空白區域， 直至最後你的佈局完全看不見， 只剩下一片白 ，我沒有解決此問題。當時我寫我們公司的應用時， 寫到這裡的時候，我就一臉懵逼了， 然後就用最最古老的辦法，直接scrollview裡面巢狀幾個recycleview，寫到最後還是意料之中出現問題了，上拉載入到最後還是會卡頓，而且在6.0以上 高度總是有問題。
到這裡，我差點想和產品說我們不用瀑布流好不好，但我又從新搜了一下，在瀑布流管理器裡面有LayoutParams.setFullSpan(true);方法，在 

1. onCreateViewHolder(ViewGroup parent, int viewType)  

 總體思路就是，把下面的瀑布流部分作為一種type，其他無需載入更多的佈局放在recycleview裡面

使用此方法使這一行佔滿全屏，這是我到現在總結出來的最好實現方式。

思路圖如下：

 部分程式碼如下

1. @Override
2.     public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
3.         if (viewType == TYPE_TOP) {  
4.                //頭部輪播圖
5.             View viewtop = inflater.inflate(R.layout.adapter_slider, parent, false);  
6.             StaggeredGridLayoutManager.LayoutParams params =  
7.                     (StaggeredGridLayoutManager.LayoutParams) viewtop.getLayoutParams();  
8.             params.setFullSpan(true);//最為重要的一個方法，佔滿全屏,以下同理
9.             viewtop.setLayoutParams(params);  
10.             returnnew TypeTopsliderHolder(viewtop);  
11.         } elseif (viewType == TYPE_HEADER) {  
12.             View view2 = inflater.inflate(R.layout.item_homepagertypeheader_type, parent, false);  
13.             StaggeredGridLayoutManager.LayoutParams params =  
14.                     (StaggeredGridLayoutManager.LayoutParams) view2.getLayoutParams();  
15.             params.setFullSpan(true);  
16.             view2.setLayoutParams(params);  
17.             returnnew TypeheadHolder(view2);  
18.         } elseif (viewType == TYPE_CENTER) {  
19.             //中間head下面的佈局
20.             View view = inflater.inflate(R.layout.itam_homepageradapter_rv2, parent, false);  
21.             StaggeredGridLayoutManager.LayoutParams params2 =  
22.                     (StaggeredGridLayoutManager.LayoutParams) view.getLayoutParams();  
23.             params2.setFullSpan(true);  
24.             view.setLayoutParams(params2);  
25.             returnnew TypetypeHolder2(view);  
26.         } elseif (viewType == TYPE_CATEGORY) {  
27. //四個快速入口的holder
28. //這裡的TypetypeHolder和上面的TypetypeHolder2 其實可以寫成一個holder，這裡為了簡單，避免引起復用帶來的問題，分開了
29.             View view = inflater.inflate(R.layout.itam_homepageradapter_rv2, parent, false);  
30.             StaggeredGridLayoutManager.LayoutParams params2 =  
31.                     (StaggeredGridLayoutManager.LayoutParams) view.getLayoutParams();  
32.             params2.setFullSpan(true);  
33.             view.setLayoutParams(params2);  
34.             returnnew TypetypeHolder(view);  
35.         } elseif (viewType == TYPE_REFRESH) {  
36.             returnnew TypeRefresh(inflater.inflate(R.layout.item_raiders2, parent, false));  
37.         } else {  
38.             View viewtop = inflater.inflate(R.layout.adapter_slider, parent, false);  
39.             StaggeredGridLayoutManager.LayoutParams params =  
40.                     (StaggeredGridLayoutManager.LayoutParams) viewtop.getLayoutParams();  
41.             params.setFullSpan(true);  
42.             viewtop.setLayoutParams(params);  
43.             returnnew TypeTopsliderHolder(viewtop);  
44.         }  
45.     }  

這個方法 在大神的文章裡 只是 副作用的 提了一下， 光想著TwowayView 了 所以沒在意 ，最後還是此方法解決了這種需求。

我的線上專案為[空藝術，朋友可以點選下載看一下效果](http://a.app.qq.com/o/simple.jsp?pkgname=com.happyo2o.artexhibition),首頁就是這個原理實現的，大家可以看一下效果。

總結：本人只是理論性的總結了複雜佈局的實現方式，以及一些坑 ， 避免各位浪費時間和精力 ，鄙人在此獻醜了，程式碼已經全部上傳，github專案原始碼 歡迎star ， 轉載  ， 萬分感謝 。