RecyclerView多功能分割线，横竖分割线，带padding，允许取消指定分割线

最新推荐文章于 2023-02-23 11:50:48 发布
最新推荐文章于 2023-02-23 11:50:48 发布
阅读量4.1k 收藏 1
点赞数
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mingyueyixi/article/details/77880755
版权

分割线可以画到RecyllerView的item的padding里，类似于android: clipPadding = “true” 效果。

继承自ItemDecoration类，代码如下：


import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.ItemDecoration;
import android.support.v7.widget.RecyclerView.State;
import android.view.View;

import com.codeignis.mylibrary.util.L;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by lu on 2017/8/29 16:07
 */
public class MultiItemDivider extends ItemDecoration {
    private static final int[] ATTRS = new int[]{
            android.R.attr.listDivider
    };

    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;
    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;
    private Drawable mDivider;
    private int mOrientation;


    //    public final static int START = 0x02;//第一个item顶部无偏移，没有实现第一个上方分割线
    public final static int INSIDE = 0x00;
    public final static int END = 0x01;

    private int dividerMode = INSIDE;
    private boolean clipChild;

    public MultiItemDivider(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        Drawable divider = a.getDrawable(0);
        init(orientation, divider);
        a.recycle();
    }

    public MultiItemDivider(Context context, int orientation, int drawableId) {
        Drawable divider = null;
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            divider = context.getDrawable(drawableId);
        } else {
            divider = context.getResources().getDrawable(drawableId);
        }
        init(orientation, divider);
    }

    public MultiItemDivider(Context context, int orientation, Drawable divider) {
        init(orientation, divider);
    }

    private void init(int orientation, Drawable divider) {
        mDivider = divider;
        exceptList = new ArrayList<>();
        setOrientation(orientation);
    }

    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        if (mOrientation == HORIZONTAL_LIST) {//以recyclerView的布局设置为标准
            drawHorizontal(c, parent);
        } else {
            drawVertical(c, parent);
        }
    }

    /**
     * 获取分割线模式
     * @return {@link #INSIDE },{@link #END}
     */
    public int getDividerMode() {
        return dividerMode;
    }
    /**
     * 设置分割线模式
     * @param dividerMode {@link #INSIDE } or {@link #END}
     */
    public void setDividerMode(int dividerMode) {
        this.dividerMode = dividerMode;
    }

    /**
     * 是否卷进padding中
     * @param clipChild
     */
    public void clipToChildPadding(boolean clipChild) {
        this.clipChild = clipChild;
    }

    /**
     * 垂直方向分割线（横线）收卷到子view的计算
     * @param child
     * @param left
     * @param top
     * @param right
     * @param bottom
     */
    private void clipChildVertical(View child, int left, int top, int right, int bottom) {
        //同上
        if (clipChild) {
            int l = left + child.getPaddingLeft();
            int r = right - child.getPaddingRight();
            int t = top - child.getPaddingBottom();
            int b = bottom - child.getPaddingBottom();
            L.d(">>>", l + " -- " + t + " -- " + r + " -- " + b);
            mDivider.setBounds(l, t, r, b);
        } else {
            mDivider.setBounds(left, top, right, bottom);
        }
    }

    /**
     * 绘制垂直方向分割线（横线）
     * @param c
     * @param parent
     */
    private void drawVertical(Canvas c, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();

        Object layout = parent.getLayoutManager();
        LinearLayoutManager lin = layout instanceof LinearLayoutManager ? ((LinearLayoutManager) layout) : null;

        //下边画线
        if (lin != null && lin.getOrientation() == LinearLayoutManager.HORIZONTAL && dividerMode == END) {
            View child = parent.getChildAt(0);
            if (child == null || exceptList.contains(0)) {

                return;
            }
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            int top = child.getBottom() + params.bottomMargin;
            int bottom = top + getDividerOffH(parent,child);
            clipChildVertical(child, left, top, right, bottom);
            mDivider.draw(c);
            return;
        }


        for (int i = 0; i < childCount; i++) {

            final View child = parent.getChildAt(i);


            int position = parent.getChildAdapterPosition(child);
            L.d(">>>", position + "++++");
            if (child == null || exceptList.contains(position)) {
                L.d(">>>", "00000======" + position);
                continue;
            }

            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();

//            if (dividerMode == START) {
//                final int bottom = child.getTop() + params.bottomMargin;
//                final int top = bottom - mDivider.getIntrinsicHeight();
//                ;
//
//                mDivider.setBounds(left, top, right, bottom);
//                mDivider.draw(c);


            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + getDividerOffH(parent,child);
            if (dividerMode == END) {
                clipChildVertical(child, left, top, right, bottom);
                mDivider.draw(c);
            } else {//默认绘制 INSIDE
                if (i < childCount - 1) {
                    clipChildVertical(child, left, top, right, bottom);
                    mDivider.draw(c);
                }
            }


        }
    }

    private List<Integer> exceptList;

    /**
     * 添加排除绘制
     * @param index 排除绘制的分割线的索引下标
     */
    public void addExcept(int index) {
        if (exceptList == null) {
            exceptList = new ArrayList<>();
        }
        exceptList.add(index);
    }

    /**
     * 添加排除绘制
     * @param indexList 排除绘制的分割线的索引下标数组
     */
    public void addExcepts(int... indexList) {
        if (indexList == null) {
            return;
        }
        if (exceptList == null) {
            exceptList = new ArrayList<>();
        }
        for (int i = 0; i < indexList.length; i++) {
            exceptList.add(indexList[i]);
        }
    }

    /**
     * 水平方向分割线（竖线）收卷到子view的计算
     * @param child
     * @param left
     * @param top
     * @param right
     * @param bottom
     */
    private void clipHorizontal(View child, int left, int top, int right, int bottom) {

        if (clipChild) {
            int l = left - child.getPaddingRight();
            int r = right - child.getPaddingRight();
            int t = top + child.getPaddingTop();
            int b = bottom - child.getPaddingBottom();
            L.d(">>>", l + " -- " + t + " -- " + r + " -- " + b);
            mDivider.setBounds(l, t, r, b);
        } else {
            mDivider.setBounds(left, top, right, bottom);
        }
    }

    /**
     * 绘制水平方向分割线（竖线）
     * @param c      画布
     * @param parent RecyclerView
     */
    private void drawHorizontal(Canvas c, RecyclerView parent) {
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();
        final int childCount = parent.getChildCount();

        Object layout = parent.getLayoutManager();
        LinearLayoutManager lin = layout instanceof LinearLayoutManager ? ((LinearLayoutManager) layout) : null;

        //右边画线
        if (lin != null && lin.getOrientation() == LinearLayoutManager.VERTICAL && dividerMode == END) {
            View child = parent.getChildAt(0);
            if (child == null || exceptList.contains(0)) {
                return;
            }
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + getDividerOffW(parent, child);
            clipHorizontal(child, left, top, right, bottom);
            mDivider.draw(c);
            return;
        }

        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            int position = parent.getChildAdapterPosition(child);
            if (child == null || exceptList.contains(position)) {
                continue;
            }

            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
//            if (dividerMode == START) {
//                final int right = child.getRight() + params.rightMargin;
//                final int left = right - mDivider.getIntrinsicHeight();
//                mDivider.setBounds(left, top, right, bottom);
//                mDivider.draw(c);

            final int left = child.getRight() + params.rightMargin;
            final int right = left + getDividerOffW(parent, child);

            if (dividerMode == END) {
                clipHorizontal(child, left, top, right, bottom);
                mDivider.draw(c);

            } else {//(dividerMode == INSIDE) 和其它值
                if (i < childCount - 1) {
                    clipHorizontal(child, left, top, right, bottom);
                    mDivider.draw(c);
                }
            }
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, State state) {
        super.getItemOffsets(outRect, view, parent, state);

        if (mOrientation == HORIZONTAL_LIST) {
            outRect.set(0, 0, getDividerOffW(parent,view), 0);
        } else {
            outRect.set(0, 0, 0, getDividerOffH(parent,view));
        }
    }

    private int getDividerOffH(RecyclerView parent,View child) {
        int h = mDivider.getIntrinsicHeight();
        if (h == -1) {
            h = 0;
        }
        if (cleanOffset){
            int position = parent.getChildLayoutPosition(child);
            if (exceptList.contains(position)){
                h = 0;
            }
        }
        return h;
    }

    private int getDividerOffW(RecyclerView parent, View child) {
        int w = mDivider.getIntrinsicWidth();
        if (w == -1) {
            w = 0;
        }
        if (cleanOffset){
            int position = parent.getChildLayoutPosition(child);
            if (exceptList.contains(position)){
                w = 0;
            }
        }
        return w;
    }

    private boolean cleanOffset = true;
    /**
     * 清理未使用的item 装饰，默认清理。offset 位移，装饰view
     * @param c
     */
    public void cleanBlankOffset(boolean c) {
        this.cleanOffset = c;
    }

    /**
     *  清理不绘制列表
     */
    public void clearExpects(){
        if (exceptList!=null){
            exceptList.clear();
        }
    }
}

RecylerView就是一个很普通的RecylerView：

<android.support.v7.widget.RecyclerView
        android:id="@+id/rv_item_pe"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none"
        android:layout_marginTop="@dimen/activity_vertical_margin"
        android:layout_below="@+id/layout_head_item_pe"
        />

它的item 宽充满，但是留有padding：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="@drawable/selector_list"
    android:paddingLeft="16dp"
    >

  <!-- 内容省略 -->

</RelativeLayout>

paddingleft = 16dp，设置分割线收进padding：



        //分割线
        MultiItemDivider itemDivider = new MultiItemDivider(getContext(), MultiItemDivider.VERTICAL_LIST, R.drawable.shape_divider);
//        itemDivider.setDividerMode(MultiItemDivider.INSIDE);//最后一个item下没有分割线
        itemDivider.setDividerMode(MultiItemDivider.END);//最后一个item下有分割线
        itemDivider.addExcepts(itemList.size()-1,itemList.size()-2);//取消倒数第一第二个分割线
        itemDivider.clipToChildPadding(true);//收进padding
        rvItemPe.addItemDecoration(itemDivider);

几种效果预览：

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

第一个图的分割线就收进了padding里。

最后一张图展示，取消了下标为3的分割线。

——end

Mingyueyixi
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android控件RecyclerView中，如何显示自定义分割线以及最后一项去除分割线
weixin_30319097的博客
04-01 718
在控件RecyclerView中，分割线DividerItemDecoration类的使用经常见，如果是使用自带的分割线，只需要这样写即可 RecyclerView mRecyclerView; mRecyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL...
RecyclerView消除底部分割线的方法
09-01
主要为大家详细介绍了RecyclerView消除底部分割线的方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
去除RecyclerView底部（最后一条）分割线
qq_38619138的博客
06-20 5343
做了一个横向滑动的RecyclerView 使用自定义分割线 宽度为10dp 因为左右都有padding值 最后一条如果有分割线太丑 也不符合需求 解决 网上参考了一些方法 大多都是继承 ItemDecoration 重写其方法 然后在循环创建分割线的循环里减一 但是 我发现不管用 分割线还在那 似乎是因为宽度太宽引起的？ 那就继续修改，在给分割线高度赋值的时候 判断如果是最后一条...
记录一个小点recyclerView底部留白
jzlhll123的专栏
02-23 413
但是整个padding，或者marginBottom又不合适，因为会有留白。只希望最后一个元素下面是留白。有的时候，整个recyclerView是全屏的，触底的或者触顶的。现在的手机又是圆角，可能底部有所遮挡。但是对于多页加载，appendData就不合适。会导致之前认为是底部，而没有刷新。刚开始想用ItemDecoration来实现。所以这种方式就适合不做添加list的方式。
Recylerview 删除头部分割线
闫瑞锋的博客
04-22 690
直接用这个类就行 public class DividerItemDecoration extends RecyclerView.ItemDecoration { public static final int HORIZONTAL = LinearLayout.HORIZONTAL; public static final int VERTICAL = LinearLayo...
RecyclerView的ItemDecoration简易使用(去除RecyclerView（任意一条）分割线)
CGG92的博客
06-24 1018
项目中经常遇到给RecyclerView左右设置padding、layout_margin，有时候会导致item不能滑动到边缘，设置ItemDecoration呢，又容易第一个item和最后一个item的边缘和item之间的间距不一样 所以就初步使用下面的方法，可以自己设置每个item的padding值，不需要再在RecyclerView里设置啦，代码没有封装，只有初步使用，经常使用的话，建议提取出来 RecyclerView.ItemDecoration itemDecoration = new R
RecyclerView去除底部分割线
fanenqian的博客
11-16 6344
RecyclerView 默认的分割线DividerItemDecoration 在最后一个item显示的时候也会有一个分割线，影响应用整体的美观。 通过DividerItemDecoration 源码发现分割线的行数是通过childCount来判断的，而childCount正是我们分割线的个数，那去除最后一个分割线也就简单了。 public void drawHori
安卓之recycleview控件设置padding无效的解决方案
lixueqiang001的博客
05-16 3683
1，下面是recycleview控件paddingBottom的写法，效果如下图： <android.support.v7.widget.RecyclerView android:id="@+id/rv_talk" android:layout_width="match_parent" android:layout_height="wrap_content" ...
RecyclerView顶部添加padding的方法
weixin_33968104的博客
03-09 2268
遇到的情况： RecyclerView和RecyclerView上面的部件需要保持一点距离，但是给RecyclerView设置padding后发现item滚动时，padding部分不随之一起滚动。 目前想到的有三种 1.禁用RecyclerView滚动，再嵌套一个NestedScrollView（未测试） 2.给RecyclerView设置头部（测试可以，需要在合适的时机添加比较美观） 3.利用a...
android 竖线分割线,RecyclerView 添加分割线
weixin_31781061的博客
05-25 592
RecyclerView 的条目之间没有分割线，需要我们自己去定义添加第一步，自定义一个类继承于 RecyclerView.ItemDecorationpublic class MyItemDecoration extends RecyclerView.ItemDecoration {private Context mContext;private Drawable mDivider;privat...
点滴RecyclerView
xiaochuanding的博客
06-20 440
RecyclerView高级用法
RecyclerView的万能分割线
09-01
RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好。本文重点给大家介绍RecyclerView的万能分割线的知识，非常不错，感兴趣的朋友一起看下吧
RecyclerView底部分割线去除的方法
01-05
之前我们抛出了一个问题就是RecyclerView在显示列表的时候，最底部也就是最后一个Item后面还有分割线，这大大影响界面的美观。这篇文章就是解决这个问题的。 自定义分割线 通过分析源码后我们发现没有相关的方法来...
RecyclerView使用--分割线设置
Northwestern的专栏
04-12 402
1 RecyclerView分割线设置最后一个条目不展示分割线 MyDividerItemDecoration itemDecoration = new MyDividerItemDecoration(this, layoutManager .getOrientation(), false); itemDecoration.setDrawable...
理解RecyclerView（三）—添加分割线、item动画、拖拽和侧滑删除
https://juejin.cn/user/1654096907477549/posts
01-16 1123
前言：这个世界充满假象，唯有痛楚不会说谎。——摔跤吧，爸爸 一、概述 我们在上两篇文章对RecyclerView详细介，包含了基本用法，各种布局管理器的使用以及不同itemType条目类型，那么下面我们会继续对RecyclerView的添加分割线、动画效果、添加拖拽和删除功能进行讲解。(源码在文章最后给出) 二、ItemDecoration分割线   通常我们添加分割线都是在item的布局里面添加，这样相对简单，但是有可能增加布局的层级，性能不好而且不太优雅，RecyclerView提供
RecyclerView clipToPadding
yikunhan的博客
05-11 1206
RecyclerView的clipToPadding属性是为了控制RecyclerView的可滑动容器的大小，当clipToPadding设置为true时，recyclerView可滑动的容器的高度是RecyclerView的高度减去paddingTop和paddingBottom的值。效果图如下： 当clipToPadding设置为false时，RecycerView的容器的可滑动高度为RecyclerView的高度，paddingTop和paddingBottom的会在item0前渲染出来，但是滑
【Android -- UI 开发】Recyclerview 的通用分隔线
Kevin Learn Android
04-12 1503
ItemDecoration 是 RecyclerView 的一个抽象静态内部类，负责装饰 Item 视图，例如添加间距、高亮或者分组边界等。
android开发之 listview中的item去掉分割线 隐藏分割线
技术博客
01-26 193
有三种方法： 1》 设置android:divider="@null" 2》 android:divider="#00000000" #00000000后面两个零表示透明 3》 .setDividerHeight(0) 高度设为0 ...
adb命令查看当前界面是哪个Activity
热门推荐
Blog for 明月依希
03-23 4万+
adb 命令查看Activity信息 前提条件： 1、adb配置好环境变量，即安卓环境变量 2、手机连接上电脑，并开启开发者模式，媒体传输 1、只查看Activity包名（过滤） 以下命令可以查看手机中当前界面是哪个Activity。 adb shell dumpsys activity top | grep ACTIVITY 如果未安装 grep for window.exe，请分开执行： ...
RecyclerView添加分割线
最新发布
06-10
要给RecyclerView添加分割线，可以通过以下步骤实现： 1. 在RecyclerView的布局文件中，添加如下代码： ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值