RecycleView設置頂部分割線（記錄一個坑）

大家都知道，想給RecycleView設置分割線可以重寫RecyclerView.ItemDecoration

項目過程中，遇到一個需求：RecycleView頂部有一條灰色的間隔，我想到了給RecycleView設置分割線的方法，當然只給第一個Item設置，而且在上方。

public class MyDividerItemDecoration extends RecyclerView.ItemDecoration {

    private Drawable mDivider;

    /**
     * Custom divider will be used
     */
    public MyDividerItemDecoration(Context context, int resId) {
        mDivider = ContextCompat.getDrawable(context, resId);
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, 
                               RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        //因為繪製了頂部分割線，因此需要將第一行的item下移相應的距離
        //這裡要註意，判斷該RecycleView是什麼佈局，如果是豎直方向上的線性佈局（水平方向上的這裡沒有考慮）
        //，那麼需要讓第一個Item下移，移動的距離是分割線的高度，因為分割線會占據Item的空間
        //如果是網格佈局，那麼需要把第一行的所有Item都下移相應的高度

        if (layoutManager instanceof LinearLayoutManager) {
            if (parent.getChildAdapterPosition(view) == 0) {
                outRect.set(0, mDivider.getIntrinsicHeight(), 0, 0);
            }
        }
        if (layoutManager instanceof GridLayoutManager) {
            if (parent.getChildAdapterPosition(view) >= 0 && 
                parent.getChildAdapterPosition(view) < getSpanCount(parent)) {
                outRect.set(0, mDivider.getIntrinsicHeight(), 0, 0);
            }
        }
    }


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

        //繪製分割線
        int left = 0;
        int right = parent.getWidth();
        View child = parent.getChildAt(0);

        RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();

        //不可以直接設置top = 0；因為這樣的話分隔線就不會跟著移動，因為top = 0,是絕對位置，
        //所以應該設置為子view的相對位置
        //這樣才可以跟著滑動。
        //child的頂部坐標，減去設置的margin_top的值，再減去child為了給分割線騰出空間所下滑的高度，
        //這樣分割線才會在頂部

        int top = child.getTop() - params.topMargin - mDivider.getIntrinsicHeight();
        int bottom;
        bottom = top + mDivider.getIntrinsicHeight();
        mDivider.setBounds(left, top, right, bottom);
        mDivider.draw(c);
    }

    private int getSpanCount(RecyclerView parent) {
        // 列數
        int spanCount = -1;
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            spanCount = ((StaggeredGridLayoutManager) layoutManager)
                    .getSpanCount();
        } else if (layoutManager instanceof LinearLayoutManager) {
            spanCount = layoutManager.getItemCount();
        }
        return spanCount;
    }

在onDrawOver方法中可以繪製分割線。

這裡有一個需要註意的坑，調試了很久，最終才發現，難受。

在onDrawOver裡面，一開始我設置top = 0；因為繪製在頂部嘛。結果出現了一個現象，頂部分割線一直停留在頂部，不會跟著移動。最後改為int top = child.getTop() - params.topMargin - mDivider.getIntrinsicHeight();才成功了。為什麼呢？

因為直接寫top = 0；這是絕對位置了，要讓分割線也跟著滑動，需要用的是相對位置，相對於item的位置，這樣才能夠跟著item滑動。

調用：

recyclerView.addItemDecoration(new MyDividerItemDecoration(this, R.drawable.item_decoration));

item_decoration代碼如下：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size android:height="10dp" />
    <solid android:color="@color/comic_gray_bg" />
</shape>