在上一篇 RecyclerView 控制元件的文章中，我們看了一下ListView控制元件和RecyclerView控制元件的簡單用法，那麼下面我們將關注點放在RecyclerView上，畢竟RecyclerView控制元件在很多方面確實比ListView控制元件更好用。下面來看一下怎麼對RecyclerView中的子項新增分隔線：
首先，我們要知道，要對RecyclerView控制元件中的子項新增分隔線，我們要利用RecyclerView.ItemDecoration類來實現。我們要繼承RecyclerView.ItemDecoration類並且重寫裡面的方法來實現，一般來說，一個自定義的ItemDecoration類的基本寫法：

public class ItemDecoration extends RecyclerView.ItemDecoration {

    // 在這個方法中繪製分隔線，這個方法會在RecyclerView中的子項繪製完成之前被呼叫
    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
    }

    // 也可以在這個方法中繪製分隔線，這個方法會在RecyclerView中的子項繪製完成之後被呼叫
 

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDrawOver(c, parent, state);
    }

    // 這個方法用於對子項的繪製位置進行一些必要的調整或者對子項進行一些其他的調整。第一個引數為子項的繪製位置，第二個引數為正在繪製的子項View的引用
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super
 
.getItemOffsets(outRect, view, parent, state);
    }
}

其實，onDraw 和 onDrawOver 方法我們只需要重寫其中一個就行了，因為兩個方法唯一的不同就是呼叫的先後問題。下面用一個小例子來看一下RecyclerView.ItemDecoration類的具體用法，新建一個Android工程：
首先，如果我們要使用RecyclerView控制元件，我們必須對它新增構建依賴：

在Android studio 工程中的app目錄下的buil.gradle檔案中加上上圖劃出的程式碼，之後點選右上角的 async now 藍色字型，android studio 就會為我們新增對RecyclerView控制元件的依賴，我們就可以在程式中使用它，下面是 activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center_horizontal"
    tools:context="com.example.administrator.blogrecyclerview.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </android.support.v7.widget.RecyclerView>

</LinearLayout>

可以看到，我們在佈局檔案中只加入了一個RecyclerView控制元件，接下來要為 RecyclerView 控制元件準備顯示的資料，通過RecyclerView.Adapter<ＲecyclerView.ViewHolder> 這個RecyclerView 自帶的介面卡類來實現如果對這個類的使用還不是很熟悉的，可以看一下http://blog.csdn.net/hacker_zhidian/article/details/56292052這篇文章，ok，我們繼續，新建一個佈局檔案item_layout.xml作為RecyclerView控制元件的子項檢視：

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

    <TextView
        android:id="@+id/textView"
        android:textSize="40sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

為了簡單起見，我們只是使用一個TextView控制元件，這樣的話RecyclerView的子項就只能顯示文字，當然我們可以根據需求定製佈局檔案。接下來是自定義的介面卡類MyRecyclerViewAdapter.java:

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 android.widget.Toast;

import java.util.ArrayList;

/**
 * Created by Administrator on 2017/2/26.
 */

public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyViewHolder> {

    private Context myContext = null;
    private ArrayList<String> textViewList = null;

    public MyRecyclerViewAdapter(Context context, ArrayList<String> list) {
        myContext = context;
        textViewList = list;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).
                inflate(R.layout.item_layout, parent, false);
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(myContext, ((TextView) v.findViewById(R.id.textView)).getText(),
                        Toast.LENGTH_SHORT).show();
            }
        });
        MyViewHolder myViewHolder = new MyViewHolder(view);
        return myViewHolder;
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.textView.setText(textViewList.get(position));
    }

    @Override
    public int getItemCount() {
        return textViewList.size();
    }
}


class MyViewHolder extends RecyclerView.ViewHolder{

    public TextView textView;

    public MyViewHolder(View itemView) {
        super(itemView);
        textView = (TextView) itemView.findViewById(R.id.textView);
    }
};

這裡就不多介紹了，在前文的連結中有對於RecyclerView.Adapter類的介紹，那麼最後就是MainActivity.java了：

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
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.widget.LinearLayout;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private ArrayList<String> stringList = new ArrayList<String>();
    private RecyclerView recyclerView = null;
    private MyRecyclerViewAdapter myRecyclerViewAdapter = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        initAdapter();
          // 新建一個線性佈局管理器,並且設定排布方向為豎直方向
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(linearLayoutManager); // 設定子項排布方向
        recyclerView.setAdapter(myRecyclerViewAdapter); // 設定介面卡
    }

    public void initAdapter() { // 初始化顯示的資料和介面卡
        String str = null;
        for(int i = 0; i < 20; i++) {
            str = "專案" + (i+1);
            stringList.add(str);
        }
        myRecyclerViewAdapter = new MyRecyclerViewAdapter(this, stringList);
    }
}

好了，我們先來看一下效果:

可以看到，我們這裡的顯示子項之中並沒有分割線，那麼怎麼新增分割線呢？我們對文章開始的繼承於 RecyclerView.ItemDecoration 類的自定義類來進行改寫，加入我們自己的邏輯：
在工程中新建一個類MyItemDecoration.java:

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;

/**
 * Created by Administrator on 2017/2/26.
 */

public class MyItemDecoration extends RecyclerView.ItemDecoration {

    /*
     * 定義4個常量值，代表佈局方向，分別是豎向線性佈局、橫向線性佈局、豎向網格佈局、橫向網格佈局
     */
    public static final int LINEAR_LAYOUT_ORIENTATION_VERTICAL = 0;
    public static final int LINEAR_LAYOUT_ORIENTATION_HORIZONTAL = 1;
    public static final int GRID_LAYOUT_ORIENTATION_VERTICAL = 2;
    public static final int GRID_LAYOUT_ORIENTATION_HORIZONTAL =  3;

    private int orientation = -1; // 當前的佈局方向
    // 如果是網格佈局我們要計算出每一行或者每一列（取決於佈局方向）中的子項數目
    private int rawOrColumnSum = 0;
    // Drawable 物件用於繪製分隔線
    private Drawable myDivider = null;

    public MyItemDecoration(Context context, int orientation) {
        /* 這個構造方法用於處理線性佈局傳入的情況，我們要對myDivider物件進行初始化
        * （繪製的顏色和寬度等等）
        * R.drawable.my_list_divider 是我們自定義的一個drawable資原始檔,我們通過
        * myContext來獲取它
        */
        myDivider = context.getResources().getDrawable(R.drawable.my_list_divider);

        if(orientation == LinearLayoutManager.HORIZONTAL) {
            this.orientation = LINEAR_LAYOUT_ORIENTATION_HORIZONTAL;
        }else if(orientation == LinearLayoutManager.VERTICAL) {
            this.orientation = LINEAR_LAYOUT_ORIENTATION_VERTICAL;
        }

    }

    public MyItemDecoration(Context context, int orientation, int rawOrColumnSum) {
        // 這個構造方法用於處理網格佈局傳入的情況，原理同上
        myDivider = context.getResources().getDrawable(R.drawable.my_list_divider);

        if(orientation == GridLayoutManager.HORIZONTAL) {
            this.orientation = GRID_LAYOUT_ORIENTATION_HORIZONTAL;
        } else if(orientation == GridLayoutManager.VERTICAL) {
            this.orientation = GRID_LAYOUT_ORIENTATION_VERTICAL;
        }
        this.rawOrColumnSum = rawOrColumnSum;
    }

    // 在這個方法中。我們對佈局方向進行判斷，由此來呼叫正確的分隔線繪製方法
    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
        if(orientation == LINEAR_LAYOUT_ORIENTATION_HORIZONTAL ||
                orientation == LINEAR_LAYOUT_ORIENTATION_VERTICAL) {
            linearLayoutDrawItemDecoration(c, parent);
        } else if(orientation == GRID_LAYOUT_ORIENTATION_HORIZONTAL ||
                orientation == GRID_LAYOUT_ORIENTATION_VERTICAL) {
            gridLayoutItemDecoration(c, parent);
        }

    }

    /*
     * 當排布方式為線性佈局的時候，繪製分割線的方法：
     */
    private void linearLayoutDrawItemDecoration(Canvas canvas, RecyclerView parent) {
        int childCount = parent.getChildCount(); // 獲取RecyclerView控制元件中的子控制元件總數
        int left, top, right, bottom;
        View child = parent.getChildAt(0);
        // 獲取分割線的高度（把分割線看成一個小矩形）
        int drawableHeight = myDivider.getIntrinsicHeight();
        // 如果是豎直排布，那麼分割線為橫線
        if(orientation == LINEAR_LAYOUT_ORIENTATION_VERTICAL) {
            left = parent.getLeft();
            right = parent.getRight(); // 獲取子控制元件開始 x 座標和結束 x 座標
            for (int i = 1; i < childCount; i++) {
                top = child.getBottom() - drawableHeight/2; // 獲取開始點y座標
                bottom = child.getBottom()  + drawableHeight/2; // 獲取結束點y座標
                myDivider.setBounds(left, top, right, bottom); // 設定繪製區域，下同
                myDivider.draw(canvas); // 在Canvas物件上繪製區域
                child = parent.getChildAt(i);
            }
            // 如果是水平排布，那麼分割線為豎線
        } else if(orientation == LINEAR_LAYOUT_ORIENTATION_HORIZONTAL) {
            top = child.getTop();
            bottom = child.getBottom(); // 獲取子控制元件的開始 y 座標和結束 y 座標
            for(int i = 1; i < childCount; i++) {
                left = child.getRight() - drawableHeight/2; // 獲取開始點 x 座標
                right = child.getRight() + drawableHeight/2; // 獲取結束點 x 座標
                myDivider.setBounds(left, top, right, bottom); // 設定繪製區域
                myDivider.draw(canvas);
                child = parent.getChildAt(i);
            }
        }
    }

    /*
     * 當排布方式為網格佈局的時候，分割線的繪製方法：
     */
    private void gridLayoutItemDecoration(Canvas canvas, RecyclerView parent) {
        // 順著佈局方向上的要繪製的分割線條數
        int childCount = parent.getChildCount();
        int lineSum = childCount / rawOrColumnSum - 1;
        lineSum += childCount % rawOrColumnSum == 0 ? 0 : 1;
        // 獲取分割線的高度（把分割線看成一個小矩形）
        int drawableHeight = myDivider.getIntrinsicHeight();
        int left, right, top, bottom;
        View child = parent.getChildAt(0);

        // 佈局方向為豎直排布方式
        if(orientation == GRID_LAYOUT_ORIENTATION_VERTICAL) {
            left = parent.getLeft();
            right = parent.getRight();
            for(int i = 0; i < lineSum; i++) { // 迴圈用於繪製橫向分割線
                child = parent.getChildAt(i*rawOrColumnSum);
                top = child.getBottom() - drawableHeight/2;
                bottom = child.getBottom() + drawableHeight/2;
                myDivider.setBounds(left, top, right, bottom);
                myDivider.draw(canvas);
            }
            top = parent.getTop();
            bottom = parent.getBottom();
            for(int i = 0; i < rawOrColumnSum-1; i++) { // 迴圈用於繪製豎向分割線
                child = parent.getChildAt(i);
                left = child.getRight() - drawableHeight/2;
                right = child.getRight() + drawableHeight/2;
                myDivider.setBounds(left, top, right, bottom);
                myDivider.draw(canvas);
            }
            // 佈局方向為橫向排布方式
        } else if(orientation == GRID_LAYOUT_ORIENTATION_HORIZONTAL) {
            top = parent.getTop();
            bottom = parent.getBottom();
            for(int i = 0; i <= lineSum; i++) { // 迴圈繪製豎向分割線
                child = parent.getChildAt(i*rawOrColumnSum);
                left = child.getRight() - drawableHeight/2;
                right = child.getRight() + drawableHeight/2;
                myDivider.setBounds(left, top, right, bottom);
                myDivider.draw(canvas);
            }
            left = parent.getLeft();
            right = parent.getRight();
            for(int i = 0; i < rawOrColumnSum; i++) { // 迴圈繪製橫向分割線
                child = parent.getChildAt(i);
                top = child.getBottom() - drawableHeight/2;
                bottom = child.getBottom() + drawableHeight/2;
                myDivider.setBounds(left, top, right, bottom);
                myDivider.draw(canvas);
            }
        }
    }
}

程式碼看似有點多，但是主要的邏輯不復雜：對RecyclerView的子項排布方式進行判斷，兩個方法分別用於繪製線性佈局的分隔線和網格佈局的分隔線，這兩個方法主要是通過佈局和控制元件的位置來計算出myDivider繪製的區域的一些位置資訊，如果對於佈局和控制元件的熟悉的話就沒什麼難點了。我們注意到這裡的分隔線使用了我們自定義的資源，因此，我們要在drawable資料夾中新建一個資原始檔my_list_divider.xm：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <size android:height="4dp"></size>
    <gradient
        android:startColor="#ff0000"
        android:centerColor="#00ff00"
        android:endColor="#0000ff">
    </gradient>

</shape>

我們在這個資原始檔中設定了myDivider物件的線寬（4dp）和顏色（紅、綠、藍的漸變顏色效果），OK， 一個RecyclerView控制元件的分隔線繪製就完成了，我麼還需要對MainActivity.java進行小小的修改才能顯示出分割線的效果：

就是為我們RecyclerView控制元件新增一個MyItemDecoration物件來實現分割線的繪製，好了，讓我們執行一下：

這裡為了顯示出滑動的效果，故意多加了點資料，這裡是RecyclerView控制元件中的子項排布方式為豎值的分隔線效果，那麼水平呢？讓我們來改一下MainActivity.java:

改了一下線性佈局的排布方式，為了美觀，我們還需要對item_layout.xml進行更改：

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

    <TextView
        android:id="@+id/textView"
        android:textSize="40sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

再執行試試：

因為顯示原因，看起來子項滑動的時候分割線好像斷了一樣，實際上並沒有這個bug。ok，下面來試試網格佈局：

在MainActivity中加了一個網格佈局，並且設定排布方向和每一行顯示的子項數，之後呼叫了MyItemDecoration的第二個適用於網格佈局的構造方法。為了美觀，我們還得對item_layout.xml檔案進行改動：

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

    <TextView
        android:id="@+id/textView"
        android:textSize="40sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

來看看效果：

ok, 最後，來看一下網格佈局的橫向排布方式的效果，MainActivity.java 只需要改動一個網格佈局的排布方向就行了，這裡就不貼了，之後為了美觀還得改一下item_layout.xml:

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

    <TextView
        android:id="@+id/textView"
        android:textSize="40sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

好了，來看看效果：

好了，RecyclerView控制元件的分隔線就介紹的差不多了，RecyclerView控制元件相當於ListView控制元件的升級版，使用步驟也類似：定義控制元件、使用介面卡新增資料、添加布局管理器、新增分隔線、新增動畫效果等等，正是因為這種完全的解耦機制才成就了它的靈活性。我們可以通過自己的需求來定義效果。

如果部落格中有什麼不正確的地方，還請多多指點。
謝謝觀看。。。