自定義ItemDecoration實(shí)現(xiàn)線性列表的分割線

此自定義ItemDecoration采用Builder模式，可根據(jù)需求設(shè)置上下左右分割線的是否顯示皱埠、顏色肮帐、和分割線的高度咖驮。

/**
 * @ClassName: LinearItemDecoration
 * @Description: 線性Recyclerview分割線
 * @Author: CHN_Liao
 * @CreateDate: 2020-11-02 16:59
 */
public class LinearItemDecoration extends RecyclerView.ItemDecoration {
    private Context mContext;

    //頂部是否增加分割線
    private boolean isDividerTop = false;
    //左邊是否增加分割線
    private boolean isDividerLeft = false;
    //右邊是否增加分割線
    private boolean isDividerRight = false;
    //底部是否增加分割線,默認(rèn)為true
    private boolean isDividerBottom = true;

    //頂部分割線顏色;
    private int dividerTopColor;
    //左邊分割線顏色;
    private int dividerLeftColor;
    //右邊分割線顏色;
    private int dividerRightColor;
    //底部分割線顏色;
    private int dividerBottomColor;

    //分割線畫筆
    private Paint dividerPaint;
    //分割線高度
    private int dividerHeight = 4;

    public LinearItemDecoration(Context context) {
        mContext = context;
        dividerPaint = new Paint();

        //默認(rèn)分割線顏色
        dividerTopColor = dividerLeftColor = dividerRightColor = dividerBottomColor = Color.GRAY;
    }

    @Override
    public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        outRect.bottom = isDividerBottom ? dividerHeight : 0;
        outRect.left = isDividerLeft ? dividerHeight : 0;
        outRect.right = isDividerRight ? dividerHeight : 0;
        outRect.top = isDividerTop ? dividerHeight : 0;
    }

    @Override
    public void onDraw(@NonNull Canvas canvas, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        super.onDraw(canvas, parent, state);
        int childCount = parent.getChildCount();
        //繪制頭部分割線顏色
        drawTop(canvas, parent, childCount);
        //繪制左邊分割線顏色
        drawLeft(canvas, parent, childCount);
        //繪制右邊分割線顏色
        drawRight(canvas, parent, childCount);
        //繪制底部分割線顏色
        drawBottom(canvas, parent, childCount);
    }

    private void drawTop(@NonNull Canvas canvas, @NonNull RecyclerView parent, int childCount) {
        if (!isDividerTop) return;
        int left = parent.getPaddingLeft();
        int right = parent.getWidth() - parent.getPaddingRight();

        for (int i = 0; i < childCount; i++) {
            View view = parent.getChildAt(i);
            float top = view.getTop() - dividerHeight;
            float bottom = view.getTop();
            dividerPaint.setColor(dividerTopColor);
            canvas.drawRect(left, top, right, bottom, dividerPaint);
        }

    }

    private void drawLeft(@NonNull Canvas canvas, @NonNull RecyclerView parent, int childCount) {
        if (!isDividerLeft) return;

        int left = parent.getPaddingLeft();
        int right = parent.getPaddingLeft() + dividerHeight;

        dividerPaint.setColor(dividerLeftColor);

        for (int i = 0; i < childCount; i++) {
            View view = parent.getChildAt(i);
            float top = view.getTop();
            float bottom = view.getBottom();
            canvas.drawRect(left, top, right, bottom, dividerPaint);
        }

    }

    private void drawRight(@NonNull Canvas canvas, @NonNull RecyclerView parent, int childCount) {
        if (!isDividerRight) return;

        int left = parent.getRight() - parent.getPaddingRight() - dividerHeight;
        int right = parent.getRight() - parent.getPaddingRight();

        dividerPaint.setColor(dividerRightColor);

        for (int i = 0; i < childCount; i++) {
            View view = parent.getChildAt(i);
            float top = view.getTop();
            float bottom = view.getBottom();
            canvas.drawRect(left, top, right, bottom, dividerPaint);
        }
    }

    private void drawBottom(@NonNull Canvas canvas, @NonNull RecyclerView parent, int childCount) {
        if (!isDividerBottom) return;

        int left = parent.getPaddingLeft();
        int right = parent.getWidth() - parent.getPaddingRight();

        dividerPaint.setColor(dividerBottomColor);

        for (int i = 0; i < childCount - 1; i++) {
            View view = parent.getChildAt(i);
            float top = view.getBottom();
            float bottom = view.getBottom() + dividerHeight;
            canvas.drawRect(left, top, right, bottom, dividerPaint);
        }
    }

    public static class Builder {
        private Context context;
        private LinearItemDecoration itemDecoration;

        public Builder(Context context) {
            this.context = context;
            itemDecoration = new LinearItemDecoration(context);
        }

        //設(shè)置是否顯示各個分割線边器，默認(rèn)顯示底部分割線
        public Builder showDividers(boolean top, boolean left, boolean right, boolean bottom) {
            itemDecoration.isDividerTop = top;
            itemDecoration.isDividerLeft = left;
            itemDecoration.isDividerRight = right;
            itemDecoration.isDividerBottom = bottom;
            return this;
        }

        //分割線高度(dp)
        public Builder dividerHeight(int dividerHeight) {
            itemDecoration.dividerHeight = dp2px(dividerHeight);
            return this;
        }

        private int dp2px(float dpValue) {
            final float scale = context.getResources().getDisplayMetrics().density;
            return (int) (dpValue * scale + 0.5f);
        }

        //統(tǒng)一分割線顏色
        public Builder dividerColor(@ColorRes int color) {
            int c = context.getResources().getColor(color);
            itemDecoration.dividerTopColor = c;
            itemDecoration.dividerLeftColor = c;
            itemDecoration.dividerRightColor = c;
            itemDecoration.dividerBottomColor = c;

            return this;
        }

        //設(shè)置各個分割線顏色
        public Builder dividerColors(@ColorRes int topColor,@ColorRes int leftColor,@ColorRes int rightColor,@ColorRes int bottomColor) {
            itemDecoration.dividerTopColor = context.getResources().getColor(topColor);
            itemDecoration.dividerLeftColor = context.getResources().getColor(leftColor);
            itemDecoration.dividerRightColor = context.getResources().getColor(rightColor);
            itemDecoration.dividerBottomColor = context.getResources().getColor(bottomColor);

            return this;
        }

        public LinearItemDecoration build() {
            return itemDecoration;
        }
    }
}

快速實(shí)現(xiàn)及效果如下：

LinearItemDecoration itemDecoration = new LinearItemDecoration.Builder(this).build();

recyclerView.addItemDecoration(itemDecoration);

效果0.png

其他配置代碼實(shí)現(xiàn)及效果如下：

LinearItemDecoration itemDecoration = new LinearItemDecoration.Builder(this)
//                .dividerColor(R.color.green)//統(tǒng)一分割線顏色
                .dividerColors(R.color.green,R.color.blue,R.color.colorAccent,R.color.colorPrimaryDark)//設(shè)置各個分割線的顏色
                .showDividers(true,true,true,true)//設(shè)置各個分割線是否顯示,默認(rèn)只顯示底部分割線
                .dividerHeight(4)//設(shè)置分割線高度(單位:dp)
                .build();

recyclerView.addItemDecoration(itemDecoration);

效果1.png