大家還記得之前在第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...，如下圖所示：

然後會打開Projectrt Structure設置頁面，確認左側Modules選中advancedviewsample模塊，然後上側菜單選中Dependencies，再點擊右上角的+號，選擇第一個library denpendency，如下圖所示：

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

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

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="6dp" >

    <ImageView
        android:id="@+id/icon_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginRight="6dp"
        android:contentDescription="null"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/title_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/icon_img"
        android:layout_alignParentTop="true"
        android:layout_marginTop="5dp"
        android:gravity="center_vertical"
        android:text="Title"
        android:textSize="16sp" />

    <TextView
        android:id="@+id/content_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/icon_img"
        android:layout_alignParentRight="true"
        android:layout_below="@id/title_tv"
        android:layout_marginTop="5dp"
        android:text="content"
        android:textSize="12sp" />

</RelativeLayout>

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

package com.jinyu.cqkxzsxy.android.advancedviewsample.adapter;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.jinyu.cqkxzsxy.android.advancedviewsample.R;

import java.util.ArrayList;

/**
 * @創建者 鑫鱻
 * @描述 Android零基礎入門到精通系列教程
 * 首發微信公眾號分享達人秀（ShareExpert）
 */
public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter1.ViewHolder> {
    private ArrayList<String> mDatas = null;
    private LayoutInflater mInflater = null;

    public RecyclerViewAdapter(Context context, ArrayList<String> datas) {
        this.mDatas = datas;
        this.mInflater = LayoutInflater.from(context);
    }

    // 創建新View，被LayoutManager所調用
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
        ViewHolder vewHolder = new ViewHolder(view);
        return vewHolder;
    }

    // 將數據與界面進行綁定的操作
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        String name = mDatas.get(position);
        holder.titleTv.setText("Title " + name);
        holder.contenTv.setText("content " + name);
    }

    // 獲取數據的數量
    @Override
    public int getItemCount() {
        return mDatas == null ? 0 : mDatas.size();
    }

    // 自定義的ViewHolder，持有每個Item的的所有界面組件
    public class ViewHolder extends RecyclerView.ViewHolder {
        public TextView titleTv = null;
        public TextView contenTv = null;

        public ViewHolder(View itemView) {
            super(itemView);

            titleTv = (TextView) itemView.findViewById(R.id.title_tv);
            contenTv = (TextView) itemView.findViewById(R.id.content_tv);
        }
    }
}

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

package com.jinyu.cqkxzsxy.android.advancedviewsample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import com.jinyu.cqkxzsxy.android.advancedviewsample.adapter.RecyclerViewAdapter;
import com.jinyu.cqkxzsxy.android.advancedviewsample.view.RecyclerViewItemDivider;

import java.util.ArrayList;

/**
 * @創建者 鑫鱻
 * @描述 Android零基礎入門到精通系列教程，歡迎關註微信公眾號ShareExpert
 */
public class RecyclerViewActivity extends AppCompatActivity {
    private RecyclerView mRecyclerView = null;
    private RecyclerViewAdapter1 mAdapter = null;
    private ArrayList<String> mDatas = null;
    
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.recyclerview_layout);

        // 獲取組件
        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);

        // 設置管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        mRecyclerView.setLayoutManager(layoutManager);
        // 如果可以確定每個item的高度是固定的，設置這個選項可以提高性能
        mRecyclerView.setHasFixedSize(true);

        // 初始化列表數據
        initDatas();

        // 設置適配器
        mAdapter = new RecyclerViewAdapter1(this, mDatas);
        mRecyclerView.setAdapter(mAdapter);
    }

    private void initDatas() {
        mDatas = new ArrayList<>();

        for (int i = 0; i < 50; i++) {
            mDatas.add(i, i + 1 + "");
        }
    }
}

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

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

三、RecyclerView擴展

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

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

        // 設置管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        mRecyclerView.setLayoutManager(layoutManager);
        // 如果可以確定每個item的高度是固定的，設置這個選項可以提高性能
        mRecyclerView.setHasFixedSize(true);

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

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

        // 設置管理器
        GridLayoutManager layoutManager = new GridLayoutManager(this, 3);
        mRecyclerView.setLayoutManager(layoutManager);
        // 如果可以確定每個item的高度是固定的，設置這個選項可以提高性能
        mRecyclerView.setHasFixedSize(true);

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

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

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

        // 設置管理器
        StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,
                StaggeredGridLayoutManager.VERTICAL);
        mRecyclerView.setLayoutManager(layoutManager);
        // 如果可以確定每個item的高度是固定的，設置這個選項可以提高性能
        mRecyclerView.setHasFixedSize(true);

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

    // 將數據與界面進行綁定的操作
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        String name = mDatas.get(position);
        holder.titleTv.setText("Title " + name);
        holder.contenTv.setText("content " + name);

        int padding = Math.abs(new Random().nextInt() % 50);
        holder.titleTv.setPadding(0, padding, 0, 0);
        holder.contenTv.setPadding(0, 0, 0, padding);
    }

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

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

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

今天就先到這裏，如果有問題歡迎留言一起探討，也歡迎加入Android零基礎入門技術討論微信群，共同成長！

此文章版權為微信公眾號分享達人秀（ShareExpert）——鑫鱻所有，若需轉載請聯系作者授權，特此聲明！

往期總結分享：

Android零基礎入門第1節：Android的前世今生

Android零基礎入門第2節：Android 系統架構和應用組件那些事

Android零基礎入門第3節：帶你一起來聊一聊Android開發環境

Android零基礎入門第4節：正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節：善用ADT Bundle, 輕松邂逅女神

Android零基礎入門第6節：配置優化SDK Manager, 正式約會女神

Android零基礎入門第7節：搞定Android模擬器，開啟甜蜜之旅

Android零基礎入門第8節：HelloWorld，我的第一趟旅程出發點

Android零基礎入門第9節：Android應用實戰，不懂代碼也可以開發

Android零基礎入門第10節：開發IDE大升級，終於迎來了Android Studio

Android零基礎入門第11節：簡單幾步帶你飛，運行Android Studio工程

Android零基礎入門第12節：熟悉Android Studio界面，開始裝逼賣萌

Android零基礎入門第13節：Android Studio個性化配置，打造開發利器

Android零基礎入門第14節：使用高速Genymotion，跨入火箭時代

Android零基礎入門第15節：掌握Android Studio項目結構，揚帆起航

Android零基礎入門第16節：Android用戶界面開發概述

Android零基礎入門第17節：文本框TextView

Android零基礎入門第18節：輸入框EditText

Android零基礎入門第19節：按鈕Button

Android零基礎入門第20節：復選框CheckBox和單選按鈕RadioButton

Android零基礎入門第21節：開關組件ToggleButton和Switch

Android零基礎入門第22節：圖像視圖ImageView

Android零基礎入門第23節：圖像按鈕ImageButton和縮放按鈕ZoomButton

Android零基礎入門第24節：自定義View簡單使用，打造屬於你的控件

Android零基礎入門第25節：簡單且最常用的LinearLayout線性布局

Android零基礎入門第26節：兩種對齊方式，layout_gravity和gravity大不同

Android零基礎入門第27節：正確使用padding和margin

Android零基礎入門第28節：輕松掌握RelativeLayout相對布局

Android零基礎入門第29節：善用TableLayout表格布局

Android零基礎入門第30節：兩分鐘掌握FrameLayout幀布局

Android零基礎入門第31節：少用的AbsoluteLayout絕對布局

Android零基礎入門第32節：新推出的GridLayout網格布局

Android零基礎入門第33節：Android事件處理概述

Android零基礎入門第34節：Android中基於監聽的事件處理

Android零基礎入門第35節：Android中基於回調的事件處理

Android零基礎入門第36節：Android系統事件的處理

Android零基礎入門第37節：初識ListView

Android零基礎入門第38節：初識Adapter

Android零基礎入門第39節：ListActivity和自定義列表項

Android零基礎入門第40節：自定義ArrayAdapter

Android零基礎入門第41節：使用SimpleAdapter

Android零基礎入門第42節：自定義BaseAdapter

Android零基礎入門第43節：ListView優化和列表首尾使用

Android零基礎入門第44節：ListView數據動態更新

Android零基礎入門第45節：網格視圖GridView

Android零基礎入門第46節：列表選項框Spinner

Android零基礎入門第47節：自動完成文本框AutoCompleteTextView

Android零基礎入門第48節：可折疊列表ExpandableListView

Android零基礎入門第49節：AdapterViewFlipper圖片輪播

Android零基礎入門第50節：StackView卡片堆疊

Android零基礎入門第51節：進度條ProgressBar

Android零基礎入門第52節：自定義ProgressBar炫酷進度條

Android零基礎入門第53節：拖動條SeekBar和星級評分條RatingBar

Android零基礎入門第54節：視圖切換組件ViewSwitcher

Android零基礎入門第55節：ImageSwitcher和TextSwitcher

Android零基礎入門第56節：翻轉視圖ViewFlipper

Android零基礎入門第57節：DatePicker和TimePicker選擇器

Android零基礎入門第58節：數值選擇器NumberPicker

Android零基礎入門第59節：常用三大Clock時鐘組件

Android零基礎入門第60節：日歷視圖CalendarView和定時器Chronometer

Android零基礎入門第61節：滾動視圖ScrollView

Android零基礎入門第62節：搜索框組件SearchView

Android零基礎入門第63節：值得借鑒學習的選項卡TabHost

Android零基礎入門第64節：揭開RecyclerView廬山真面目