RecyclerView网格分割线

网格的分割线实现起来和线性差不了多少,主要注意的是,当达到最后一行时,不绘制横线,当达到最后一列时,不绘制竖线,

public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State
            state) {
        super.getItemOffsets(outRect, view, parent, state);
        int spanCount = getSpanCount(parent);
        int childCount = parent.getAdapter().getItemCount();
        if (isLastRaw(parent, spanCount, childCount))// 如果是最后一行,则不需要绘制底部
        {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        } else if (isLastColum(parent, spanCount, view))// 如果是最后一列,则不需要绘制右边
        {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(),
                    mDivider.getIntrinsicHeight());
        }
    }

接下来解释最后一行和最后一列的2个方法。

我们设置GridLayoutManager的时候,参数里设置了这个网格的spanCount。

当recyclerview的子view总数%spanCount的值为0,或者值小于spanCount时,即表示当前绘制的网格处于recyclerview的最后一行。

private boolean isLastRaw(RecyclerView parent, int spanCount,
                              int childCount) {
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            if (childCount % spanCount == 0 || childCount % spanCount < spanCount)
                return true;
        }
        return false;
    }

这个方法中值得注意的是view,主要用来获取当前的位置。由于位置坐标从0算起,所以,当pos+1的值%spanCount为0时,即可表示当前是处于最后一列上。

private boolean isLastColum(RecyclerView parent, int spanCount, View view) {
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        int pos = layoutManager.getPosition(view);
        if (layoutManager instanceof GridLayoutManager) {
            if ((pos + 1) % spanCount == 0) {// 如果是最后一列,则不需要绘制右边
                return true;
            }
        }
        return false;
    }

之后,参照绘制线性分割线时绘制横竖2条线即可。

MyItemDecoration整体代码:

class MyItemDecoration extends RecyclerView.ItemDecoration {
    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
    private Drawable mDivider;

    public MyItemDecoration(Context context) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        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;
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        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 = child.getRight() + params.rightMargin
                    + mDivider.getIntrinsicWidth();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        final int childCount = parent.getChildCount();
        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 + mDivider.getIntrinsicWidth();

            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    private boolean isLastColum(RecyclerView parent, int spanCount, View view) {
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        int pos = layoutManager.getPosition(view);
        if (layoutManager instanceof GridLayoutManager) {
            if ((pos + 1) % spanCount == 0) {// 如果是最后一列,则不需要绘制右边
                return true;
            }
        }
        return false;
    }

    private boolean isLastRaw(RecyclerView parent, int spanCount,
                              int childCount) {
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            if (childCount % spanCount == 0 || childCount % spanCount < spanCount)
                return true;
        }
        return false;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State
            state) {
        super.getItemOffsets(outRect, view, parent, state);
        int spanCount = getSpanCount(parent);
        int childCount = parent.getAdapter().getItemCount();
        if (isLastRaw(parent, spanCount, childCount))// 如果是最后一行,则不需要绘制底部
        {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        } else if (isLastColum(parent, spanCount, view))// 如果是最后一列,则不需要绘制右边
        {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(),
                    mDivider.getIntrinsicHeight());
        }
    }
}
时间: 2024-10-06 17:43:00

RecyclerView网格分割线的相关文章

Android-GridView添加网格分割线

ListView 中设置分隔线的加如下参数即可:android:divider="@color/gray"android:dividerHeight="1dp" GridView网格布局,默认情况下是没有网格线的 查找网上资料,找到了一种为GridView添加网格线的小技巧 实际上,该网格线是通过设置GridView各子项的间隔,并分别设置GridView背景色与子项背景色实现的. 实现方法 设置GridView背景色,设置水平间方向间隔属性值android:hor

RecyclerView线性分割线

由于recyclerview默认是没有分割线的,需要显示分割线的话,可以在布局里添加一条有背景色的View标签,或者通过ItemDecoration来实现,本文以后者为例. ItemDecoration里有2个重要的方法,onDraw和getItemOffsets. class MyItemDecoration extends RecyclerView.ItemDecoration { private int mOrientation = LinearLayout.VERTICAL; priva

RecyclerView添加分割线但无法显示

最近在使用RecyclerView时,添加分割线,但是分割线却不显示,进过仔细研究发现时间上是显示的,只不过显示的颜色刚好与item的颜色一样,误以为没有显示.这是因为分割线默认使用的是系统listDivider , 在构建DividerItemDecoration时不要使用context,直接使用Activity即可解决.下面是出问题的代码: RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView);

Android RecyclerView网格布局

一个简单的网格布局activity_main.xml <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk

RecyclerView 网格布局

上面我们介绍的就是?RecyclerView 线性布局的使用,效果还是不错的,一般可以用于浏览个人信息列表操作.接着,我们来看第二种布局形式:网格布局. ? ? 网格布局也是非常常用的,一般用于图片相册的浏览,接下来的工作就是复制粘贴一下原先的代码就可以了,因为适配器里面的代码几乎一个样,我们可以考虑把它封装起来用,不过现在还是怎么方便怎么来. ? ? 对于线性布局来说,网格布局是需要做一定量的修改的,也就是布局文件的修改,我们把旁边的 “我是一只...” 文本给去掉,保留了图片和动物名称,所以

RecyclerView 添加自定义分割线

默认的浅灰色的分割线在某些时候并不能满足我们的要求,这时就需要自定义一条分割线了. 需要调用setDrawable(@NonNull Drawable drawable)方法,然后传入一个Drawable函数对象就可以了. 现在可以用shape来编写一个分割线样式: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com

RecyclerView添加分割线

mRecyclerView = findView(R.id.id_recyclerview); //设置布局管理器 mRecyclerView.setLayoutManager(layout); //设置adapter mRecyclerView.setAdapter(adapter) //设置Item增加.移除动画 mRecyclerView.setItemAnimator(new DefaultItemAnimator()); //添加分割线 mRecyclerView.addItemDec

艺术控件RecyclerView的分隔线&amp;bug解决

前言 RecyclerView是Google在support-v7里面添加的控件,是5.0 Material Design模式下的一员,在众多的App中使用非常频繁,之前是ListView现在是RecyclerView,想比之下RecyclerView更加的灵活,高内聚低耦合,将ListView功能进行了拆分,各个类各司其职构成了现在的RecyclerView. 效果~ Part 1.LinearLayoutAppCompat源码分析 在使用RecyclerView的分割线之前,不得不介绍一下L

Android RecyclerView 使用完全解析

http://blog.csdn.net/lmj623565791/article/details/45059587 转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/45059587: 本文出自:[张鸿洋的博客] 概述 RecyclerView出现已经有一段时间了,相信大家肯定不陌生了,大家可以通过导入support-v7对其进行使用. 据官方的介绍,该控件用于在有限的窗口中展示大量数据集,其实这样功能的控件我们并不陌生,例如