用了这个库,妈妈再也不担心我的 RecyclerView 分割线了

4,322 阅读2分钟

前言

写文章前我特地又去网上查了半天RecyclerView分割线的解决方案,大致分这么两种:

第一种:在item的布局里划一条线
第二种:自定义ItemDecoration

第一种方案,在LinearLayoutManager中可能没啥问题,但是到了GridViewLayoutManager你还想用吗?你确定不是在逗我?
第二种方案,网上几乎所有的例子都没有很好的通用性,要么只通用LinearLayoutManager,要么只通用GridViewLayoutManager,而且还没啥灵活性,比如我想某些LinearLayoutManager的最后一条item不显示分割线,默写显示,怎么办?这些都没解决好。

于是我想,作为一个梦想成为海贼王的男人,我必须站出来,将我私藏很久的大宝剑拿出来,分享给大家。

RecyclerView分割线的难点

无外乎两点:

  • 在哪里显示(哪个Item?Item的上下左右哪里?)
  • 显示什么 (宽多少?虚线实线?啥颜色?纯色?渐变色?)

其中最难最核心的,在哪里显示的问题,本项目已完美解决;
关于第二点,显示什么的问题,鉴于大部分分割线基本都是纯色的,很少有那种花里胡哨的设计,所以该项目暂时样式只支持自定义宽度和颜色,但这样相信已经满足你的要求了吧,不过很快更多可自定义的样式将放出,欢迎Star、Fork或PR。

Y_DividerItemDecoration项目地址

Y_DividerItemDecoration

简单介绍

一个通用的RecyclerView的分割线,支持LinearLayoutManager和GridViewLayoutManager。只要你能描述清楚每个position上下左右分割线的情况,原则上支持任意LayoutManager


LinearLayoutManager

普通GridViewLayoutManager

异形GridViewLayoutManager

Features

  • LinearLayoutManager和GridViewLayoutManager通用
  • 自定义分割线的宽度和颜色
  • 灵活控制RecyclerView每个条目left、top、right、bottom的分割线的显示与否

Usage

Step1

新建一个对象实现抽象类 Y_DividerItemDecoration ,在getItemSidesIsHaveOffsets(int itemPosition)中定义在itemPosition时条目的顺时针方向left, top, right, bottom是否需要显示分割线。

    class DividerItemDecoration extends Y_DividerItemDecoration {

        public DividerItemDecoration(Context context, int lineWidthDp, @ColorInt int colorRGB) {
            super(context, lineWidthDp, colorRGB);
        }

        @Override
        public boolean[] getItemSidesIsHaveOffsets(int itemPosition) {
            //顺时针顺序:left, top, right, bottom
            boolean[] isOffset = {false, false, false, true};//默认只有bottom显示分割线
            return isOffset;
        }
    }

Step2

给RecyclerView添加分割线,并传入分割线的width和color,width单位是dp,color必须是包含Alpha和R、G、B的16进值的int值,例如:0xff6c6c6c

recyclerView.addItemDecoration(new DividerItemDecoration(this, 6, 0xff6c6c6c));

Download

Gradle

compile 'com.yanyusong.y_divideritemdecoration:y_divideritemdecoration:1.0

交流圈

技术交流QQ群:627374460

或直接扫码加群


QQ群

赞赏

如果Y_DividerItemDecoration节省了你大量的时间,可否给我买一袋咖啡,让我更加有动力去把它做得更好呢,谢谢!😊


支付宝