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); }

 public DividerItemDecoration(Drawable drawable) {
          mDivider = drawable;
    }

  @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>

 

或者我們可以直接代碼中創建Drawable，然后傳進去：

//添加白色分割線在頂部
GradientDrawable drawable = new GradientDrawable(); drawable.setColor(ContextCompat.getColor(this, R.color.white)); drawable.setShape(GradientDrawable.RECTANGLE); drawable.setSize(0, 3); recyclerView.addItemDecoration(new DividerItemDecoration(drawable));

 

尊重勞動成果，轉載請標明出處：https://www.cnblogs.com/tangZH/p/9489486.html 

更多鏈接： http://77blogs.com/?p=569