寫在前面

這個國慶好像啥事都沒有做就已經過去，為了避免整個國慶的渾渾噩噩。那就在國慶的尾巴之時學一下習，記一個知識點。關於ItemDecoration的作用。在很久之前，我一直把ItemDecoration定義在僅僅是畫Item的分隔線。
然而當我看了很多大神的程式碼和思路，才發現ItemDecoration能做的這麼多。今天主要就是記錄我們經常見到的一個效果，這個效果叫什麼名字，還真不清楚，不過看了下面的效果圖，覺得就知道了：

開始

在開始搞這個效果之前，我們先熟悉一下ItemDecoration的簡單用法。

public class TestItemDecoration
 
 extends RecyclerView.ItemDecoration {
    /**
     * 可以實現類似繪製背景的效果，內容在正常的Item下面，被覆蓋。正常我們要結合
     * getItemOffsets將正常Item錯開，免得被正常Item覆蓋掉
     */
    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
    }
    //可以繪製在內容的上面，覆蓋在正常的Item內容
 

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDrawOver(c, parent, state);
    }
    //實現Item的類似padding的效果，也就是讓我們正常的Item進行移動
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super
 
.getItemOffsets(outRect, view, parent, state);
    }
}

我們所看到的XX省，其實就是我們的ItemDecoration，也就是分割線做出來的。其實我們，知道這三個方法的用法，通過這三個方法的組合，我們就可以做出這個效果了。

第一步getItemOffsets()：

首先，我們在getItemOffsets這個方法之中先進行Item的移動操作，在特定的position之間移開我們用於顯示XX省的間隔位置，用作分隔符，並未後續的繪製操作做好準備。
（我們可以通過parent.getChildAdapterPosition(view)這個方法獲取到當前Item的position，擁有了position，我們可以通過外部回撥的方式獲取對應的Adapter中的對應Data，然後就可以根據我們的業務判斷是否需要操作getItemOffsets這個方法。）

@Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        int pos = parent.getChildAdapterPosition(view);
        //省略一些判空操作，詳細內容請移步GitHub：https://github.com/zhiaixinyang/PersonalCollect
        if (pos == 0 || isFirstInGroup(pos)) {
            /**
             * isFirstInGroup(pos)自己的方法，通過外部回撥，判斷是不是我們想要顯示的XX省，
             * 如果是，移動我們想要顯示的高度。
             * outRect.top：可以理解為：內邊距的高度
             */
            outRect.top = mGroupHeight;
        }
    }

接下來我們就要開始繪製顯示XX省的這個Item（本質就是分割線ItemDecoration）。這裡我們需要考慮的有點多，我們我們可以看到，在下一個的省替換上一個省顯示的時候，我們有一個擠壓的效果。

第二部onDrawOver()：

因為我們的頂部ItemDecoration有懸浮的效果，所以這裡我們使用onDrawOver這個方法進行繪製。

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDrawOver(c, parent, state);
        final int itemCount = state.getItemCount();
        final int childCount = parent.getChildCount();
        final int left = parent.getLeft() + parent.getPaddingLeft();
        final int right = parent.getRight() - parent.getPaddingRight();
        //標記上一個item對應的Group
        String preGroupName;
        //當前item對應的Group
        String currentGroupName = null;
        //遍歷所有的子View（所有的Item）
        for (int i = 0; i < childCount; i++) {
            View view = parent.getChildAt(i);
            int position = parent.getChildAdapterPosition(view);
            preGroupName = currentGroupName;
            //如果拿不到我們想要繪製的XX省的名字，跳過遍歷過程。也就是正常的Item不做處理（這不是廢話麼- -！）
            currentGroupName = getGroupName(position);
            if (currentGroupName == null || TextUtils.equals(currentGroupName, preGroupName))
                continue;
            //獲取需要操作的ItemDecoration的底部距離螢幕頂部的高度
            int viewBottom = view.getBottom();
            //決定當前頂部第一個懸浮ItemDecoration的bottom
            float bottom = Math.max(mGroupHeight, view.getTop());
            //下一XX省的ItemDecoration一步步逼近我們的首部的懸浮ItemDecoration
            if (position + 1 < itemCount) {
                //獲取下個GroupName（下一個XX省）
                String nextGroupName = getGroupName(position + 1);
                //下一組的第一個View（ItemDecoration）接近頭部
                if (!currentGroupName.equals(nextGroupName) && viewBottom < bottom) {
                    //bottom最小等於mGroupHeight，而當viewBottom（view.getBottom()）小於bottom時，說明當前首都懸浮的ItemDecoration已經被擠壓。不斷更新bottom值。（因為我們繪製它時需要座標資訊，也就是這個bottom）
                    bottom = viewBottom;
                }
            }
            //根據bottom繪製ItemDecoration
            c.drawRect(left, bottom - mGroupHeight, right, bottom, mGroutPaint);
            Paint.FontMetrics fm = mTextPaint.getFontMetrics();
            //文字豎直居中顯示
            float baseLine = bottom - (mGroupHeight - (fm.bottom - fm.top)) / 2 - fm.bottom;
            c.drawText(currentGroupName, left + mLeftMargin, baseLine, mTextPaint);
        }
    }

大概上邊的過程看起來很複雜。其實如果理順了還是很好理解的：

1、我們需要的是繪製我們的XX省的ItemDecoration，因此我們不要判斷方式，這裡我是通過外部資料來源的方式去判斷（每個人可能會有不同的處理思路）。

2、然後在onDrawOver()方法中通過我們的處理思路，遍歷所有的View，針對我們要處理的ItemDecoration進行相關繪製。（這裡因為，我們使用getItemOffsets()已經為我們的ItemDecoration移好位置了），通過判斷view的getTop，getBottom，mGroupHeight等進行判斷是否倆個ItemDecoration進行碰撞，（具體思想可以回過去理解原始碼），不斷記錄bottom的值。

3、最後進行正常的Canvas繪製即可。

尾聲

理解之後實現起來還是比較的簡單。主要還是這種思維模式吧，怎麼去理解ItemDecoration分隔符的作用。
明天就要結束假期開始工作了，希望一切順利！