前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android解决RecyclerView中没有分割线的问题

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

作者头像
Vaccae
发布2019-07-25 11:49:35
2.5K0
发布2019-07-25 11:49:35
举报
文章被收录于专栏:微卡智享微卡智享

前言

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

使用场景

不带分割线的效果

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

代码语言:javascript
复制
rcl_body.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));

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

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

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

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

解决办法

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

代码语言:javascript
复制
<?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的文件

代码语言:javascript
复制
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);
        }
    }
}

在代码中加入设置分割线

代码语言:javascript
复制
        //设置分割线
        rcl_body.addItemDecoration(new RclDividerItemDecoration(mContext));

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

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

-END-

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-05-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 微卡智享 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档