RecyclerView使用介紹

來源 http://jinyudong.com/2014/11/13/Introduce-RecyclerView-%E4%B8%80/

編輯推薦：稀土掘金，這是一個針對技術開發者的一個應用，你能夠在掘金上獲取最新最優質的技術乾貨，不只僅是Android知識、前端、後端以致於產品和設計都有涉獵，想成爲全棧工程師的朋友不要錯過！

這篇文章是根據官網的一篇文章（這裏）寫的，不過做者增長了一些本身的理解，我十分推崇這種方式，而不是死板的翻譯官網的文檔，國內技術文章翻譯的最差的地方在於：翻譯出來的句子還保留着英語的語序。

RecyclerView 是Android L版本中新添加的一個用來取代ListView的SDK，它的靈活性與可替代性比listview更好。接下來經過一系列的文章講解如何使用RecyclerView,完全拋棄ListView.

介紹

RecyclerView與ListView原理是相似的：都是僅僅維護少許的View而且能夠展現大量的數據集。RecyclerView用如下兩種方式簡化了數據的展現和處理:

• 使用LayoutManager來肯定每個item的排列方式。

• 爲增長和刪除項目提供默認的動畫效果。

你也能夠定義你本身的LayoutManager和添加刪除動畫，RecyclerView項目結構以下：

• Adapter：使用RecyclerView以前，你須要一個繼承自RecyclerView.Adapter的適配器，做用是將數據與每個item的界面進行綁定。

• LayoutManager：用來肯定每個item如何進行排列擺放，什麼時候展現和隱藏。回收或重用一個View的時候，LayoutManager會向適配器請求新的數據來替換舊的數據，這種機制避免了建立過多的View和頻繁的調用findViewById方法（與ListView原理相似）。

目前SDK中提供了三種自帶的LayoutManager:

• LinearLayoutManager

• GridLayoutManager

• StaggeredGridLayoutManager

第一節、簡單的RecyclerView使用方法

本節所示示例是一個最簡單的使用方法，在接下來幾節中將會介紹更多RecyclerView的別的一些屌爆的用法。做者用的環境是Android Studio 0.8.6。

一、添加依賴

在AS的build.gradle中添加依賴，而後同步一下就能夠引入依賴包：

1. dependencies {
2. ...
3. compile 'com.android.support:recyclerview-v7:21.0.+'
4. }

二、編寫代碼

添加完依賴以後，就開始寫代碼了，與ListView用法相似，也是先在xml佈局文件中建立一個RecyclerView的佈局：

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2.     xmlns:tools="http://schemas.android.com/tools"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     tools:context=".MainActivity">
6.     <android.support.v7.widget.RecyclerView
7.         android:id="@+id/my_recycler_view"
8.         android:layout_width="match_parent"
9.         android:layout_height="match_parent"
10.         android:scrollbars="vertical"/>
11. </RelativeLayout>

建立完佈局以後在MainActivity中獲取這個RecyclerView，並聲明LayoutManager與Adapter，代碼以下：

1. mRecyclerView = (RecyclerView)findViewById(R.id.my_recycler_view);
2. //建立默認的線性LayoutManager
3. mLayoutManager = new LinearLayoutManager(this);
4. mRecyclerView.setLayoutManager(mLayoutManager);
5. //若是能夠肯定每一個item的高度是固定的，設置這個選項能夠提升性能
6. mRecyclerView.setHasFixedSize(true);
7. //建立並設置Adapter
8. mAdapter = newMyAdapter(getDummyDatas());
9. mRecyclerView.setAdapter(mAdapter);

接下來的問題就是Adapter的建立：

1. public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
2.     public String[] datas = null;
3.     public MyAdapter(String[] datas) {
4.         this.datas = datas;
5.     }
6.     //建立新View，被LayoutManager所調用
7.     @Override
8.     public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
9.         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item,viewGroup,false);
10.         ViewHolder vh = new ViewHolder(view);
11.         return vh;
12.     }
13.     //將數據與界面進行綁定的操做
14.     @Override
15.     public void onBindViewHolder(ViewHolder viewHolder, int position) {
16.         viewHolder.mTextView.setText(datas[position]);
17.     }
18.     //獲取數據的數量
19.     @Override
20.     public int getItemCount() {
21.         return datas.length;
22.     }
23.     //自定義的ViewHolder，持有每一個Item的的全部界面元素
24.     public static class ViewHolder extends RecyclerView.ViewHolder {
25.         public TextView mTextView;
26.         public ViewHolder(View view){
27.         super(view);
28.             mTextView = (TextView) view.findViewById(R.id.text);
29.         }
30.     }
31. }

三、運行

寫完這些代碼這個例子既能夠跑起來了。從例子也能夠看出來，RecyclerView的用法並不比ListView複雜，反而更靈活好用，它將數據、排列方式、數據的展現方式都分割開來，所以可定製型，自定義的形式也很是多，很是靈活。

橫向佈局

若是想要一個橫向的List只要設置LinearLayoutManager以下就行，注意要聲明mLayoutManager的類型是LinearLayoutManager而不是父類LayoutManager：

1. mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

Grid佈局

若是想要一個Grid佈局的列表，只要聲明LayoutManager爲GridLayoutManager便可：

1. mLayoutManager = new GridLayoutManager(context,columNum);
2. mRecyclerView.setLayoutManager(mLayoutManager);

注意，在Grid佈局中也能夠設置列表的Orientation屬性，來實現橫向和縱向的Grid佈局。

瀑布流佈局

瀑布流就使用StaggeredGridLayoutManager吧，具體方法與上面相似，就不作介紹啦。

總結

本節介紹的是一個最最簡單的RecyclerView的使用方法，後面將介紹一些更高級的用法。

 

 

 

第二節、RecyclerView的高級方法

 

當使用了一段時間的RecyclerView，發現爲其每一項添加點擊事件並無ListView那麼輕鬆，像ListView直接加個OnItemClickListener就好了。實際上咱們不要把RecyclerView當作ListView的一個升級版，但願你們把他看作一個容器，同時裏面包含了不少不一樣的Item，它們能夠以不一樣方式排列組合，很是靈活，點擊方式你能夠按照你本身的意願進行實現。

本節主要講解如何爲RecyclerView添加點擊事件, 並簡單介紹如何進行Item增長刪除。

添加點擊事件

上一節中咱們講了如何使用RecyclerView的Adpater，其實咱們會發現，Adapter是添加點擊事件一個很好的地方，裏面是構造佈局等View的主要場所，也是數據和佈局進行綁定的地方。首先咱們在Adapter中建立一個實現點擊接口，其中view是點擊的Item，data是咱們的數據，由於咱們想知道我點擊的區域部分的數據是什麼，以便我下一步進行操做：

1. public static interface OnRecyclerViewItemClickListener {
2.     void onItemClick(View view , DataModel data);
3. }

定義完接口，添加接口和設置Adapter接口的方法：

1. private OnRecyclerViewItemClickListener mOnItemClickListener = null;
2.     public void setOnItemClickListener(OnRecyclerViewItemClickListener listener) {
3.     this.mOnItemClickListener = listener;
4. }

那麼這個接口用在什麼地方呢？以下代碼所示，咱們爲Adapter實現OnClickListener方法：

1. public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements View.OnClickListener{
2.     @Override
3.     public ViewHolder onCreateViewHolder(ViewGroup viewGroup, final int i) {
4.         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);
5.         ViewHolder vh = new ViewHolder(view);
6.         //將建立的View註冊點擊事件
7.         view.setOnClickListener(this);
8.         return vh;
9.     }
10.     @Override
11.     public void onBindViewHolder(ViewHolder viewHolder, final int i) {
12.         viewHolder.mTextView.setText(datas.get(i).title);
13.         //將數據保存在itemView的Tag中，以便點擊時進行獲取
14.         viewHolder.itemView.setTag(datas.get(i));
15.     }
16.     ...
17.     @Override
18.     public void onClick(View v) {
19.         if (mOnItemClickListener != null) {
20.             //注意這裏使用getTag方法獲取數據
21.             mOnItemClickListener.onItemClick(v,(DataModel)v.getTag());
22.         }
23.     }
24.     ...
25. }

作完這些事情，咱們就能夠在Activity或其餘地方爲RecyclerView添加項目點擊事件了，如在MainActivity中：

1. mAdapter = new MyAdapter(getDummyDatas());
2. mRecyclerView.setAdapter(mAdapter);
3. mAdapter.setOnItemClickListener(new MyAdapter.OnRecyclerViewItemClickListener() {
4.     @Override
5.     public void onItemClick(View view, DataModel data) {
6.         //DO your fucking bussiness here!
7.     }
8. });

完成了以上代碼就能夠爲RecyclerView添加項目點擊事件了，下面咱們來看看RecyclerView如何添加和刪除數據並在界面上顯示。

添加刪除數據

之前在ListView當中，咱們只要修改後數據用Adapter的notifyDatasetChange一下就能夠更新界面。然而在RecyclerView中還有一些更高級的用法：

添加數據：

1. public void addItem(DataModel content, int position) {
2.     datas.add(position, content);
3.     notifyItemInserted(position); //Attention!
4. }

刪除數據：

1. public void removeItem(DataModel model) {
2.     int position = datas.indexOf(model);
3.     datas.remove(position);
4.     notifyItemRemoved(position);//Attention!
5. }

值得注意的是RecyclerView的添加刪除都是有默認的動畫效果的，若是沒有效果能夠添加以下代碼：

1. mRecyclerView.setItemAnimator(newDefaultItemAnimator());

固然啦你也能夠本身定義你本身的Animator，等我研究明白了也來說一講如何自定義這些效果~