RecyclerView间距设置

最新推荐文章于 2025-05-14 09:38:06 发布
最新推荐文章于 2025-05-14 09:38:06 发布
阅读量8.6w 收藏 1
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Utils 文章标签： RecyclerView 间隔 分割线 girdLayoutManager
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/GodDavide/article/details/79910654
本文介绍了一种适用于 RecyclerView 的 GridLayoutManager 的自定义 ItemDecoration 类，该类允许开发者为网格布局中的项设置不同的横向和纵向间距，并支持为最后一行或列设置特定的间距。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

适用于GridLayoutManager横竖间隔均可设置；

用法：

rv.addItemDecoration(new DividerGridItemDecoration(Color.TRANSPARENT, 30, 30, Color.TRANSPARENT, 0));

DividerGridItemDecoration类：

public class DividerGridItemDecoration extends RecyclerView.ItemDecoration {

    private Drawable mDivider;

    private int mDividerHSpacing;

    private int mDividerVSpacing;

    private Drawable mLastDivider;

    private int mLastDividerSize;

    public DividerGridItemDecoration() {
        set(new ColorDrawable(Color.TRANSPARENT), mDividerHSpacing, mDividerVSpacing, new ColorDrawable(Color.TRANSPARENT), mLastDividerSize);
    }

    public DividerGridItemDecoration(int horizaontalSpacing, int verticalSpacing, int lastDividerSize) {
        set(new ColorDrawable(Color.TRANSPARENT), horizaontalSpacing, verticalSpacing, new ColorDrawable(Color.TRANSPARENT), lastDividerSize);
    }

    public DividerGridItemDecoration(Drawable divider, int horizaontalSpacing, int verticalSpacing, Drawable lastDivider, int lastDividerSize) {
        set(divider, horizaontalSpacing, verticalSpacing, lastDivider, lastDividerSize);
    }

    public DividerGridItemDecoration(@ColorInt int dividerColor, int horizaontalSpacing, int verticalSpacing, @ColorInt int lastDividerColor, int lastDividerSize) {
        set(new ColorDrawable(dividerColor), horizaontalSpacing, verticalSpacing, new ColorDrawable(lastDividerColor), lastDividerSize);
    }

    /**
     * @param divider
     * @param horizaontalSpacing 横向间距
     * @param verticalSpacing    纵向间距
     * @param lastDivider
     * @param lastDividerSize    最后一行的后边距离，大于0才会生效
     */
    private void set(Drawable divider, int horizaontalSpacing, int verticalSpacing, Drawable lastDivider, int lastDividerSize) {
        this.mDivider = divider;
        this.mDividerHSpacing = horizaontalSpacing;
        this.mDividerVSpacing = verticalSpacing;
        this.mLastDivider = lastDivider;
        this.mLastDividerSize = lastDividerSize;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
        if (mDivider == null) {
            return;
        }
        if (mDividerHSpacing > 0) {
            drawHorizontalSpacing(c, parent);
        }
        if (mDividerVSpacing > 0) {
            drawVerticalSpacing(c, parent);
        }
        if (mLastDividerSize > 0) {
            drawLastSpacing(c, parent);
        }
    }

    /**
     * 绘制横向间距,不包括最后一列
     *
     * @param c
     * @param parent
     */
    private void drawHorizontalSpacing(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            // 前边不用考虑是否是最后一列
            if (i < childCount - ((GridLayoutManager) parent.getLayoutManager()).getSpanCount()
                    || (parent.getLayoutManager().canScrollVertically() || !isLastGridRaw(parent, child))) {
                drawHorizontal(c, child, mDivider, mDividerHSpacing);
            }
        }
    }

    private void drawHorizontal(Canvas c, View child, Drawable divider, int spacing) {
        final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
        final int left = child.getRight() + params.rightMargin;
        final int right = left + spacing;
        final int top = child.getTop() - params.topMargin;
        final int bottom = child.getBottom() + params.bottomMargin;
        divider.setBounds(left, top, right, bottom);
        divider.draw(c);
    }

    /**
     * 绘制纵向间距，不包括最后一行
     *
     * @param c
     * @param parent
     */
    private void drawVerticalSpacing(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            // 前边不用考虑是否是最后一行
            if (i < childCount - ((GridLayoutManager) parent.getLayoutManager()).getSpanCount()
                    || (parent.getLayoutManager().canScrollHorizontally() || !isLastGridRaw(parent, child))) {
                drawVertical(c, child, mDivider, mDividerVSpacing);
            }
        }
    }

    private void drawVertical(Canvas c, View child, Drawable divider, int spacing) {
        final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
        final int left = child.getLeft() - params.leftMargin;
        final int right = child.getRight() + params.rightMargin;
        final int top = child.getBottom() + params.bottomMargin;
        final int bottom = top + spacing;
        divider.setBounds(left, top, right, bottom);
        divider.draw(c);
    }

    /**
     * 绘制最后
     *
     * @param c
     * @param parent
     */
    private void drawLastSpacing(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        int i = childCount - ((GridLayoutManager) parent.getLayoutManager()).getSpanCount();
        for (; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            if (isLastGridRaw(parent, child)) {
                if (parent.getLayoutManager().canScrollHorizontally()) {
                    drawHorizontal(c, child, mLastDivider, mLastDividerSize);
                } else if (parent.getLayoutManager().canScrollVertically()) {
                    drawVertical(c, child, mLastDivider, mLastDividerSize);
                }
            }
        }

    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        GridLayoutManager gridLayoutManager = (GridLayoutManager) parent.getLayoutManager();
        if (gridLayoutManager.canScrollHorizontally()) {
            if (isLastGridRaw(parent, view)) {// 如果是最后一列
                if (parent.getChildAdapterPosition(view) == gridLayoutManager.getItemCount() - 1) {// 最后一个
                    outRect.set(0, 0, mLastDividerSize, 0);
                } else {
                    outRect.set(0, 0, mLastDividerSize, mDividerVSpacing);
                }
            } /*
                 * else if (RecyclerViewUtil.isLastGridColum(parent, view)) {//
             * 如果是最后一行，则不需要绘制底部 outRect.set(0, 0, mDividerHSpacing, 0); }
             */ else {
                outRect.set(0, 0, mDividerHSpacing, mDividerVSpacing);
            }
        } else if (gridLayoutManager.canScrollVertically()) {
            if (isLastGridRaw(parent, view)) {// 如果是最后一行，则不需要绘制底部
                if (parent.getChildAdapterPosition(view) == gridLayoutManager.getItemCount() - 1) {
                    outRect.set(0, 0, 0, mLastDividerSize);
                } else {
                    outRect.set(0, 0, mDividerHSpacing, mLastDividerSize);
                }
            } /*
                 * else if (RecyclerViewUtil.isLastGridColum(parent, view)) {//
             * 如果是最后一列，则不需要绘制右边 outRect.set(0, 0, 0, mDividerVSpacing); }
             */ else {
                outRect.set(0, 0, mDividerHSpacing, mDividerVSpacing);
            }
        }

    }

    /**
     * 是否是最后一行，相对于recyclerView的方向而言,横向表示最右边，竖向表示最下边
     *
     * @param parent
     * @param view
     * @return
     */
    public boolean isLastGridRaw(RecyclerView parent, View view) {
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            GridLayoutManager gridLayoutManager = (GridLayoutManager) layoutManager;
            GridLayoutManager.SpanSizeLookup spanSizeLookUp = gridLayoutManager.getSpanSizeLookup();
            int childPosition = parent.getChildAdapterPosition(view);
            int itemCount = gridLayoutManager.getItemCount();
            int spanCountTotal = 0;
            int spanCountChild = 0;
            if (childPosition >= itemCount - gridLayoutManager.getSpanCount()) {
                for (int i = 0; i < itemCount; i++) {
                    spanCountTotal += spanSizeLookUp.getSpanSize(i);
                    if (i <= childPosition) {
                        spanCountChild += spanSizeLookUp.getSpanSize(i);
                    }
                }
                int lastRowCount = spanCountTotal % gridLayoutManager.getSpanCount();
                if (lastRowCount == 0) {
                    lastRowCount = gridLayoutManager.getSpanCount();
                }
                if (spanCountChild > spanCountTotal - lastRowCount) {
                    return true;
                }
            }

        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            // TODO: 17/1/16
        }
        return false;
    }
}



RecyclerView 设置item间距
loji521的专栏
02-23 3059
RecyclerView 设置item间距
recyclerview横向滑动间距_打造一个有不同 Item 布局的 RecyclerView
weixin_39785669的博客
12-19 570
RecyclerView 作为 ListView 的升级版，其强大的性能和极高的灵活性使得可以在项目中实现更多的列表效果，比如瀑布流、自定义 Header 和 Footer 、不同内容的 Item 布局等，今天就利用 RecyclerView 来实现一个根据内容变化 Item 布局的列表布局，并添加一个横向滑动的列表作为 Header 。用到的主要是 RecyclerView.Adapt...
RecyclerView 横向滑动，焦点，间距
08-31
RecyclerView 横向滑动，焦点，间距
RecyclerView GridLayoutManager 等分间距
最新发布
ZZH414323的博客
05-14 187
为了达到同等间距，我们需要同时设置item 的左右边距，并且使 左边view 的边距+ 右边view 的左边距 = 设置的列间距，从视觉效果上看起来是同等分间距。检查条件1 ：a.left +a.right = b.left+b.right = c.left+c.right ≈ 6.66 结果：满足。某列的right = 列间距 - 后列的left = 列间距 -（所在的列数+1） * （列间距 * (1 / 列数)）各列的间距相等，即前列的right + 后列的left = 列间距；
Recyclerview设置间距
weixin_30702413的博客
06-10 257
首先自定义一个RecyclerViewDivider 继承 RecyclerView.ItemDecoration，实现自定义。 public class RecyclerViewDivider extends RecyclerView.ItemDecoration { private Paint mPaint; private Drawable mDivider; ...
RecyclerView设置间距
ebuger的博客
04-08 616
RecyclerView没有可以直接设置间距的属性，但可以用ItemDecoration来装饰一个item，所以继承重写ItemDecoration就可以实现间距了 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public
Android RecyclerView使用GridLayoutManager间距设置的方法
08-28
对于使用GridLayoutManager的RecyclerView，设置间距的方法略有不同。本篇文章将详细介绍如何在Android RecyclerView中使用GridLayoutManager来设置间距。 首先，我们需要了解GridLayoutManager。GridLayoutManager...
Android RecyclerView 间距全适配
08-16
5. **RVSpacing-master项目**: 这个文件名可能是项目的源码仓库，其中可能包含了实现RecyclerView间距全适配的示例代码。通过查看和学习该项目，开发者可以更直观地理解如何在实际项目中应用上述理论知识。 综上所...
浅谈Android RecyclerView 间距全适配
08-28
一、LinearLayoutManager 间距设置 在使用 LinearLayoutManager 时，可以通过自定义 ItemDecoration 来设置间距。下面是一个简单的示例代码： ```java public class SpacesItemDecoration extends RecyclerView....
RecyclerView 设置间距
xiaozhang0414的博客
02-07 678
使用RecyclerView 的控件调用 rey.addItemDecoration(new SpaceItemDecoration(5)); //写一个类 public class SpaceItemDecoration extends RecyclerView.ItemDecoration { private final int i; @Overrid
recyclerview之瀑布流左右间距均等设置简单实例
08-26
关于瀑布流分割线的设置，分分钟搞定
RecyclerView 设置item之间的间距
wddptwd28的博客
07-04 6231
RecyclerView没有可以直接设置间距的属性，但看了源码之后可以发现RecyclerView有个内部类ItemDecoration，可以用ItemDecoration来装饰一个item，所以继承重写ItemDecoration就可以实现间距了。我看了以下，网上很多类似的介绍，但是大多都只考虑到LinearLayoutManager这种 这是LinearLayoutManager设置Item间距的的一个辅助类 public class SpacesItemDecoration extends Recyc
RecyclerView设置item的间距
qq_45691577的博客
07-12 1465
在RecyclerView中发现item之间的间距太大 然后发现网上的做法是重写RecyclerView.ItemDecoration方法，发现没有用
Android Recyclerview设置Item之间的间距
qq_27494201的博客
06-07 1299
Android Recyclerview设置Item之间的间距
android recyclerView 设置item间的间距
热门推荐
程序员张三的笔记
02-08 1万+
使用场景：recyclerview要通过代码设置item间的场景解决方案：1.重写RecyclerView.ItemDecoration方法，代码如下：public class SpaceItemDecoration extends RecyclerView.ItemDecoration{ private int leftRight; private int topBottom;...
给Recyclerview中item设置间距
爱喝水程序员的博客
12-21 1040
自定义间距类 public class SpacesItemDecoration extends RecyclerView.ItemDecoration { private final int space; public SpacesItemDecoration(int space) { this.space = space; } @Override public void getItemOffsets(Rect outRect, View vie
RecyclerView使用GridLayoutManager 设置间距一致大小
coraline1991的专栏
06-23 1万+
在android应用中，要实现一个Recycleview,使用GridLayoutManager格子排列,且排列成4列 实现水平方向间距均等（没有外边距）。（均分为3列5列等、竖直方向、有边距等原理相同。）先看最终效果图。 --- xml中这样配置 为了醒目，我们让RecyclerView背景是浅绿色。 每一个item的配置如layout_item.xml所示 为了醒目，我们让每一个item的背景色为浅红色。 Activity中，我们这样设置 这样的显示效果，就是，最左边item的左边距离0,
RecyclerView实现列表中的Item之间设置间距的一种方式分割线
chuyouyinghe的专栏
03-15 2207
RecyclerView 的 Item 默认没有间距是因为 RecyclerView 是一个高度自定义的控件，它的目标是提供一个高效灵活的列表展示，并且适应各种不同的布局需求。为了让开发者能够充分自定义列表项的布局和样式，RecyclerView 没有默认设置项来添加 item 之间的间距。这样设计的好处是，开发者可以灵活地根据自己的需求来处理 item 之间的间距，而不被固定的默认间距所限制。
Android 开发 RecyclerView设置间距
05-18
在 Android 开发中，可以通过设置 RecyclerView 的间距来调整其显示效果。下面是一些实现方法： 1. 在 RecyclerView 的 item 布局文件中添加 margin 属性。例如，在 LinearLayout 布局中，可以通过设置 android:layout_marginTop、android:layout_marginBottom、android:layout_marginLeft、android:layout_marginRight 属性来设置上下左右的间距。 2. 通过 RecyclerView.ItemDecoration 实现间距设置。自定义一个 RecyclerView.ItemDecoration 类，重写 onDraw() 和 getItemOffsets() 方法，在 getItemOffsets() 方法中设置 item 之间的间距。 ```java public class MyItemDecoration extends RecyclerView.ItemDecoration { private int space; public MyItemDecoration(int space) { this.space = space; } @Override public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) { outRect.left = space; outRect.right = space; outRect.bottom = space; if (parent.getChildLayoutPosition(view) == 0) { outRect.top = space; } else { outRect.top = 0; } } } ``` 在 RecyclerView 的代码中调用 setItemDecoration() 方法，将自定义的 MyItemDecoration 类传入即可。 ```java recyclerView.addItemDecoration(new MyItemDecoration(10)); ``` 3. 使用 RecyclerView 的 LayoutManager 来实现间距设置。例如，使用 LinearLayoutManager 的 setPadding() 和 setClipToPadding() 方法来设置间距。 ```java LinearLayoutManager layoutManager = new LinearLayoutManager(this); recyclerView.setLayoutManager(layoutManager); recyclerView.setPadding(10, 10, 10, 10); recyclerView.setClipToPadding(false); ``` 以上是三种常用的设置 RecyclerView 间距的方法，可以根据具体需求选择适合自己的方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值