美文网首页优秀案例
RecyclerView九宫格分隔线

RecyclerView九宫格分隔线

作者: 吃饱了就送 | 来源:发表于2020-05-19 17:48 被阅读0次

九宫格分隔线,四边无线


效果图
public class GridDividerItemDecoration extends RecyclerView.ItemDecoration {
    private int spanColumnpan;

    private Drawable mDivider;

    // spanColumn 是 几列
    public GridDividerItemDecoration(Context context, int spanColumn) {
        mDivider = context.getResources().getDrawable(R.drawable.divider_recyclerview);
        this.spanColumnpan = spanColumn;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        drawHorizontal(c, parent);
        drawVertical(c, parent);
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        int left = parent.getPaddingLeft();
        int right = parent.getWidth() - parent.getPaddingRight();
        int childCount = parent.getChildCount();
        int top = 0;
        for (int i = 0; i < childCount; i += spanColumnpan) {
            View child = parent.getChildAt(i);
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            top = child.getBottom() + params.bottomMargin;
            int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }
    
    public void drawHorizontal(Canvas c, RecyclerView parent) {
        int top = parent.getPaddingTop();
        int childCount = parent.getChildCount();
        int left = 0;
        int bottom = 0;
        for (int i = 0; i < childCount; i = i + spanColumnpan) {
            View child = parent.getChildAt(i);
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            left = child.getRight() + params.rightMargin;
            bottom = child.getBottom() + params.bottomMargin;
            top = child.getTop() + params.topMargin;
            for (int j = 1; j <= spanColumnpan; j++) {
                int mLeft = left * j;
                int right = mLeft + mDivider.getIntrinsicHeight();
                mDivider.setBounds(mLeft, top, right, bottom);
                mDivider.draw(c);
            }
        }
    }
    
    @Override
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
    }

}

分割线drawable

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--分割线的高度,横向的RecyclerView,这里设置宽度即可-->
    <size android:height=".5dp"/>
    <!--分割线的颜色-->
    <solid android:color="#F2F3F6" />
</shape>

相关文章

网友评论

    本文标题:RecyclerView九宫格分隔线

    本文链接:https://www.haomeiwen.com/subject/jwzbohtx.html