天天看點

一款靈活的RecyclerView的網格布局分割線

      前文有講RecyclerView的分割線問題,并給出了一款實用的線性布局分割線:http://blog.csdn.net/qq_34995257/article/details/70212797

      但我知道廣大基友肯定不會滿足的,畢竟沒有講使用GridLayoutManager時的情況。是以兄弟我決定再使把力,參照各路資料,把這一種情況的divider封裝類也整理出來,隻求大家能夠喜歡。

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

public class GridDivider extends RecyclerView.ItemDecoration {

    private int spacing;
    private boolean isIncludeEdge;
    private int vertivalSpacing;
    private Drawable mDivider;

    public GridDivider(int spacing) {
        this.spacing = spacing;
        this.isIncludeEdge = false;
        this.vertivalSpacing = spacing;
    }

    public GridDivider(int spacing, int color) {
        this.spacing = spacing;
        this.isIncludeEdge = false;
        this.vertivalSpacing = spacing;
        this.mDivider = new ColorDrawable(color);
    }

    public GridDivider(int spacing, boolean isIncludeEdge) {
        this.spacing = spacing;
        this.isIncludeEdge = isIncludeEdge;
        this.vertivalSpacing = spacing;
    }

    public GridDivider(int spacing, int vertivalSpacing, boolean isIncludeEdge) {
        this.spacing = spacing;
        this.isIncludeEdge = isIncludeEdge;
        this.vertivalSpacing = vertivalSpacing;
    }

    public GridDivider(int spacing, int vertivalSpacing, int color, boolean isIncludeEdge) {
        this.spacing = spacing;
        this.isIncludeEdge = isIncludeEdge;
        this.vertivalSpacing = vertivalSpacing;
        this.mDivider = new ColorDrawable(color);
    }

    public void setDivider(Drawable divider) {
        this.mDivider = divider;
    }

    public void setColorDivider(int color) {
        this.mDivider = new ColorDrawable(color);
    }

    public void setSpacing(int spacing) {
        this.spacing = spacing;
    }

    public void setVertivalSpacing(int vertivalSpacing) {
        this.vertivalSpacing = vertivalSpacing;
    }

    public void setIncludeEdge(boolean isIncludeEdge) {
        this.isIncludeEdge = isIncludeEdge;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        if (mDivider != null) {
            drawHorizontal(c, parent);
            drawVertical(c, parent);
        }
    }

    private int getSpanCount(RecyclerView parent) {
        int spanCount = -1;
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
        }
        return spanCount;
    }

    private void drawHorizontal(Canvas c, RecyclerView parent) {
        final int childCount = parent.getChildCount();
        final int spanCount = getSpanCount(parent);
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int left = child.getLeft() - params.leftMargin;
            final int right;
            if (!isIncludeEdge && i != 0 && (i + 1) % spanCount == 0) {
                right = child.getRight() + params.rightMargin;
            } else {
                right = child.getRight() + params.rightMargin + spacing;
            }
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + vertivalSpacing;

            final int lastRaw = childCount % spanCount == 0 ? childCount - spanCount : childCount - childCount % spanCount;
            if (isIncludeEdge || i < lastRaw) {
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
            }

            if (isIncludeEdge && i < spanCount) {
                final int edgeTop = child.getTop() - params.topMargin - vertivalSpacing;
                final int edgeBottom = child.getTop() - params.topMargin;
                final int edgeLeft = i == 0 ? left - spacing : left;
                mDivider.setBounds(edgeLeft, edgeTop, right, edgeBottom);
                mDivider.draw(c);
            }
        }
    }

    private void drawVertical(Canvas c, RecyclerView parent) {
        final int childCount = parent.getChildCount();
        final int spanCount = getSpanCount(parent);
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int top = child.getTop() - params.topMargin;
            final int bottom = child.getBottom() + params.bottomMargin;
            final int left = child.getRight() + params.rightMargin;
            final int right = left + spacing;

            if (isIncludeEdge || i == 0 || (i + 1) % spanCount != 0) {
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
            }

            if (isIncludeEdge && i % spanCount == 0) {
                final int edgeBottom = child.getBottom() + params.bottomMargin + vertivalSpacing;
                final int edgeLeft = child.getLeft() - params.leftMargin - spacing;
                final int edgeRight = child.getLeft() - params.leftMargin;
                mDivider.setBounds(edgeLeft, top, edgeRight, edgeBottom);
                mDivider.draw(c);
            }
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        int position = parent.getChildAdapterPosition(view); // item position
        int spanCount = getSpanCount(parent);
        int column = position % spanCount; // item column

        if (isIncludeEdge) {
            outRect.left = spacing - column * spacing / spanCount; // spacing - column * ((1f / spanCount) * spacing)
            outRect.right = (column + 1) * spacing / spanCount; // (column + 1) * ((1f / spanCount) * spacing)

            if (position < spanCount) { // top edge
                outRect.top = spacing;
            }
            outRect.bottom = vertivalSpacing; // item bottom
        } else {
            outRect.left = column * spacing / spanCount; // column * ((1f / spanCount) * spacing)
            outRect.right = spacing - (column + 1) * spacing / spanCount; // spacing - (column + 1) * ((1f / spanCount) * spacing)
            if (position >= spanCount) {
                outRect.top = vertivalSpacing; // item top
            }
        }
    }
}
           

      這次的divider可是很靈活的,同樣是通過幾種不同的構造方法來建立,然後通過addItemDecoration的方式使用。為了應付産品經理各種各樣的需求,這次可以通過傳入不同的spacing和vertivalSpacing來定制網格布局中橫向和縱向寬度不同的分割線。當然,還有喜聞樂見的是否包含邊界isIncludeEdge,都沒問題。如果沒有傳入color或者drawable,那麼就是透明分割線,最簡單的就在構造方法中隻傳一個spacing,即可建立橫縱向寬度為spacing的透明分割線了,非常靈活。

      至于其他需求的分割線,可以參照http://blog.csdn.net/lmj623565791/article/details/45059587這篇文章,定制的關鍵就在于getItemOffsets和ondraw方法,兄弟隻能幫到這裡了,剩下的靠你們自己了。

繼續閱讀