Android解决RecyclerView中没有分割线的问题

前言

最近在老的项目中开发新模块，原来项目中一直用的ListView，这次直接改为RecyclerView，在使用的过程中遇到了没有分割线的问题，下面就说一下解决办法。

使用场景

不带分割线的效果

从上图中看到由于没有加分割线，感觉列表非常的断，也不好看，默认RecyclerView加上分割线也非常简单，只有一行代码：

rcl_body.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));

但是加上后发布DividerItemDecoration是红色的，完全用不了

这个情况我在别的项目中用的是好好的，怎么这块粘贴过来就不能用了呢，于是我又找到可以用的项目里面看了一下DividerItemDecoration

上面写的是V7：27.1.1才有，而我们这个项目中用版本为V7：24.2.1，如下图：

既然这个版本中不能用，我们就只能用其它方式进行解决了。

解决办法

在drawable下面创建line_divider.xml的资源文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">


    <size
        android:width="1dp"
        android:height="1dp" />
    <solid android:color="@color/colorRoyalBlue" />


</shape>

---

添加RclDividerItemDecoration.java的文件

package view;


import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.RecyclerView;
import android.view.View;


import sum.biz.sumscan.R;


/**
 * 作者：Vaccae
 * 创建时间：2019-05-28 11:40
 * 功能模块说明：
 */
public class RclDividerItemDecoration extends RecyclerView.ItemDecoration {
    private Drawable mDivider;


    public RclDividerItemDecoration(Context context) {
        mDivider = context.getResources().getDrawable(R.drawable.line_divider);
    }


    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int left = parent.getPaddingLeft();
        int right = parent.getWidth() - parent.getPaddingRight();


        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            View child = parent.getChildAt(i);


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


            int top = child.getBottom() + params.bottomMargin;
            int bottom = top + mDivider.getIntrinsicHeight();


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

---

在代码中加入设置分割线

        //设置分割线
        rcl_body.addItemDecoration(new RclDividerItemDecoration(mContext));

---

简单三步就完成了，下面我们看看加入分割线运行后的效果

上面可以看出，比原来的效果要好很多，不会看着很乱了。

-END-

Vaccae的往期经典

---

OpenCV

《C++ OpenCV案例实战---卡号获取》

《C++ OpenCV案例实战---卡片截取（附代码）》

《C++ OpenCV透视变换---切换手机正面图片》

《C++ OpenCV实战---获取数量》

《C++ OpenCV实战---利用颜色分割获取数量》

---

Android

《Android利用SurfaceView结合科大讯飞修改语音实别UI》

《Android关于语音识别的功能实现分析（一）---结构化思维》

《Android关于语音识别的功能实现分析（二）---语义解析》

《Android根据类生成签名字符串》

《Android碎片化布局fragment的实战应用》

《Android中RecyclerView嵌套RecyclerView》

《Android里用AsyncTask后的接口回调》

---

.Net C#

《C#自定义特性(Attribute)讲解与实际应用》

《C#根据类生成签名字符串（附DEMO下载地址）》

《C++创建动态库C#调用》

《C#与三菱PLC(型号FX2N)串口通讯类》

---

数据库及其它

《Oracel存储过程写报表实战》

《Delphi轮播视频和图片程序（用于双屏显示程序）》

《SQL随机增加销售数据的脚本编写（附脚本下载地址）》

《Oracle通过ODBC连接SQL Server数据库》

---

长按下方二维码关注微卡智享