揭開RecyclerView廬山真面目

點擊

「分享達人秀」

即可關注！

大家還記得之前在第38期~第50期都在學習列表控制項嗎，其中用了8期講ListView的使用，相信都已經掌握好了吧。那麼來學習在Android 5.X新增的一個列表組件，那就是RecyclerView的使用。

一、RecyclerView概述

從前面的學習我們知道，ListView的功能非常強大，幾乎絕大部分應用程序都會使用到，雖然也學會一些方法技巧來提升ListView的效率，但其性能還是不是很完美。

另外ListView的可擴展性相對來說比較弱，以前要實現每個列表項的高度不同的界面，或者要完成瀑布流效果，需要非常複雜的自定義處理。

谷歌在Android L中新增了RecyclerView，是一種新的視圖組，目標是為任何基於適配器的視圖提供相似的渲染方式。它被作為ListView和GridView控制項的繼承者，在最新的support-V7版本中提供支持。

RecyclerView可以看作是ListView的進化版本，當然RecyclerView並不是繼承ListView的，RecyclerView直接繼承於ViewGroup父類。RecyclerView與ListView原理是類似的：都是僅僅維護少量的View並且可以展示大量的數據集。

在開發RecyclerView時充分考慮了擴展性，因此用它可以創建想到的任何種類的的布局。但在使用上也稍微有些不便，比如使用步驟更加複雜，特別是一些控制點擊、長壓事件需要自己完成。使用RecyclerView開發的項目結構大致如下圖所示：

從上圖可以看到，要使用RecyclerView，需要先了解清楚LayoutManager和Adapter元素，分別如下：

LayoutManager：用來確定每一個item如何進行排列擺放，何時展示和隱藏。回收或重用一個View的時候，LayoutManager會向適配器請求新的數據來替換舊的數據，這種機制避免了創建過多的View和頻繁的調用findViewById方法。目前RecyclerView庫提供了如下三種子Manager：

LinearLayoutManager：展示了水平或者垂直的滾動列表，相當於之前學習的ListView，但是沒有頁眉和頁尾。

GridLayoutManager：在網格中展示條目，相當於之前學習的GridView。

StaggeredGridLayoutManager： 在錯落的網格中展示條目，比如常見的瀑布流。

Adapter：這是一種新型適配器，不同於之前使用的BaseAdapter了。在使用RecyclerView之前，需要自定義一個繼承自RecyclerView.Adapter的適配器，將數據與每一個item的界面進行綁定。需要注意的是編寫Adapter面向的是ViewHolder而不在是View了，復用的邏輯被封裝了起來，實現更加簡單。使用時需要重寫以下兩個主要方法：

onCreateViewHolder：用來展現視圖和它的持有者。

onBindViewHolder：主要用來把數據綁定到視圖上。

除了上面兩個主要元素，通常還會使用到如下三個類：

ViewHolder：維持了所有被數據填充的實體的視圖的引用。

ItemDecoration：一個實體的周圍的裝飾。

ItemAnimator：條目增加刪除時重新排序所產生動畫。

二、RecyclerView示例

上面說了這麼多，估計還是很迷糊，那麼接下來通過一個簡單的示例來進一步學習。

繼續使用WidgetSample工程的advancedviewsample模塊，首先需要添加支持庫，這裡通過圖形化的操作來實現，後期再學習直接代碼添加。

依次選擇菜單欄File -> Projectrt Structure...，如下圖所示：

在彈出的窗口中輸入recyclerview，然後點擊右側的搜索按鈕，即可檢索到最新的recyclerview依賴庫，最後點擊OK按鈕即可添加。

可以看到在Dependencies頁面的列表裡面已經成功添加了recyclerview依賴庫，點擊OK按鈕最終確認。

在app/main/res/layout/目錄下創建recyclerview_layout.xml文件，在其中填充如下代碼片段：

在res/layout/目錄下新建一個recyclerview_item.xml的列表項布局文件，其代碼如下：

接下來就是創建適配器Adapter，新建RecyclerViewAdapter類，繼承RecyclerView.Adapter類，完成內部類 ViewHolder ，並重寫以下3個主要方法，具體代碼如下：

然後使用RecyclerView實現ListView效果，使用自定義的RecyclerViewAdapter決定RecyclerView所要顯示的內容，並設置顯示的界面樣式。新建RecyclerViewActivity.java文件，載入上面新建的布局文件，具體代碼如下：

修改啟動的Activity，運行程序可以看到下圖所示列表界面效果，和之前學的ListView基本沒啥太大差異。

從上面例子可以看出來，RecyclerView的用法並不比ListView複雜，反而更靈活好用，它將數據、排列方式、數據的展示方式都分割開來，因此可定製型，自定義的形式也非常多，非常靈活。

三、RecyclerView擴展

接下來繼續使用上面的例子實現水平列表、網格和瀑布流，你就會發現其靈活性到底有多高。

如果想要一個橫向的List，只要簡單設置LinearLayoutManager就行。只需要在RecyclerViewActivity中添加一行設置方向的代碼即可，局部代碼如下：

其餘代碼不變，重新運行程序，可以看到水平列表界面效果，如下圖所示。

如果想要一個GridView布局的列表，只要將之前的LayoutManager換為GridLayoutManager即可，局部代碼如下：

其餘代碼不變，重新運行程序，可以看到網格界面效果，如下圖所示。

需要注意的是，在網格布局中也可以設置列表的Orientation屬性，來實現橫向和縱向的網格布局。

如果想要實現一個瀑布流，同樣只需要將之前的LayoutManager換為StaggeredGridLayoutManager即可，局部代碼如下：

由於之前是等高，直接運行和網格布局效果無差異。簡單修改一下自定義的RecyclerViewAdapter類中onBindViewHolder方法，使其產生一個隨機的高度，代碼如下：

其餘代碼不變，重新運行程序，可以看到瀑布流界面效果，如下圖所示。

是不是感覺已經挖掘到寶藏了，僅需要修改極少的代碼，就可以在不同界面效果中進行切換，很好的詮釋了其靈活性。

由於篇幅原因，今天先學習到這裡，下期繼續學習RecyclerView的更多高級用法。

寫在最後

第3節：帶你一起來聊一聊Android開發環境

第4節：正確安裝和配置JDK

第5節：善用ADT Bundle

第6節：配置優化SDK Manager

第7節：搞定Android模擬器

第8節：HelloWorld，第一趟旅程出發點

第9節：Android實戰，不懂代碼也可以開發

第10節：開發IDE迎來Android Studio

第11節：運行Android Studio工程

第12節：熟悉Android Studio界面

第13節：Android Studio個性化配置

第14節：使用高速Genymotion

第15節：掌握Android Studio項目結構

第16節：Android用戶界面開發概述

第17節：文本框TextView

第18節：輸入框EditText

第19節：按鈕Button

第20節：選擇控制項CheckBox和RadioButton

第21節：開關控制項ToggleButton和Switch

第22節：圖像視圖ImageView

第23節：ImageButton和ZoomButton

第24節：自定義View簡單使用

第25節：簡單且最常用的LinearLayout

第26節：layout_gravity和gravity大不同

第27節：正確使用padding和margin

第28節：輕鬆掌握RelativeLayout相對布局

第29節：善用TableLayout表格布局

第30節：兩分鐘掌握FrameLayout幀布局

第31節：少用的AbsoluteLayout絕對布局

第32節：新推出的GridLayout網格布局

第33節：Android事件處理概述

第34節：Android中基於監聽的事件處理

第35節：Android中基於回調的事件處理

第36節：Android系統事件的處理

第37節：初識ListView

第38節：初識Adapter

第39節：ListActivity和自定義列表項

第40節：自定義ArrayAdapter

第41節：使用SimpleAdapter

第42節：自定義BaseAdapter

第43節：ListView優化和列表首尾使用

第44節：ListView數據動態更新

第45節：網格視圖GridView

第46節：列表選項框Spinner

第47節：AutoCompleteTextView自動文本

第48節：ExpandableListView多級選擇

第49節：AdapterViewFlipper圖片輪播

第50節：StackView卡片堆疊

第51節：進度條ProgressBar

第52節：自定義炫酷進度條

第53節：SeekBar和RatingBar

第54節：視圖切換組件ViewSwitcher

第55節：ImageSwitcher和TextSwitcher

第56節：翻轉視圖ViewFlipper

第57節：DatePicker和TimePicker選擇器

第58節：數值選擇器NumberPicker

第59節：常用三大Clock時鐘組件

第60節：CalendarView和Chronometer

第61節：滾動視圖ScrollView

第62節：搜索框組件SearchView

第63節：值得借鑒學習的選項卡TabHost

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！