RecyclerView设置分割线(自定义宽度与颜色)

RecyclerView自出现后,越来越受到欢迎,源自其强大的扩展性。网上关于RecyclerView用法的文章有很多,我再这里就不再重复搬砖了。在我的使用过程中,就是使用分割线方面还有些生涩,经过网上查阅文章,特做此记录。

一、DividerItemDecoration

官方已经在v7包中提供了分割线的类,即android.support.v7.widget.DividerItemDecoration,它的使用范围:

DividerItemDecoration is a {@link RecyclerView.ItemDecoration} that can be used as a divider
between items of a {@link LinearLayoutManager}. It supports both {@link #HORIZONTAL} and
  {@link #VERTICAL} orientations.
 
 mDividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(),
              mLayoutManager.getOrientation());
 recyclerView.addItemDecoration(mDividerItemDecoration);

它适用于LinearLayoutManager,对于GridLayoutManager就无能为力了。同时,如果想要修改分割线的宽度及颜色,需要在主题中设置listDivider属性,并引用自己定义的分割线样式。

public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{ android.R.attr.listDivider };
	......
    public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }
    .....
 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:listDivider">@drawable/divider_bg</item>
    </style>

divider_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/gray_home_light"/>
    <size android:height="3dp" android:width="3dp"/>
</shape>

当然如果没有设置listDivider属性,就会使用系统默认的。
但是如果一个主题下面需要定义多个分割线宽度或者颜色的话,利用设置listDivider属性的方法的话,就有些力所不逮了。
有如下两种方式:

1、利用DividerItemDecoration中提供的setDrawable方法即可实现自定义分割线

具体方法如下:


    /**
     * Sets the {@link Drawable} for this divider.
     *
     * @param drawable Drawable that should be used as a divider.
     */
    public void setDrawable(@NonNull Drawable drawable) {
        if (drawable == null) {
            throw new IllegalArgumentException("Drawable cannot be null.");
        }
        mDivider = drawable;
    }

实现步骤如下:
(1)自定义drawable

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--分割线的高度,横向的RecyclerView,这里设置宽度即可-->
    <size android:height="1dp" android:width="1dp"/>
    <!--分割线的颜色-->
    <solid android:color="@color/gray" />
</shape>

(2)引用并设置drawable

DividerItemDecoration decoration = new DividerItemDecoration(mContext, DividerItemDecoration.HORIZONTAL);
Drawable drawable = getResources().getDrawable(R.drawable.divider_recyclerview);
decoration.setDrawable(drawable);

(3)将DividerItemDecoration设置给RecyclerView

mRecyclerView.addItemDecoration(decoration);

利用上面的方法就可以实现自定义分割线了。当然也可以采用如下的方法

2、自定义DividerItemDecoration

对DividerItemDecoration修改如下:

public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{
            android.R.attr.listDivider
    };
	.....
    public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }

    public DividerItemDecoration(Context context, int orientation, int drawableId){
        mDivider = context.getResources().getDrawable(drawableId);
        setOrientation(orientation);
    }
    ......

增加了一个构造方法,可以将自己定义的样式直接传入。

二、针对最后一行不显示分割线的需求

有很多时候,我们会有最后一行不显示分割线的需求,但是系统默认的分割线显然不满足此需求。通过参考网上的文章,发现只需要修改drawHorizontal中就可以实现。在此,我以GridLayoutManager对应的分割线为例。
DividerGridItemDecoration(源自鸿洋大神的Android RecyclerView 使用完全解析 体验艺术般的控件

private static final int[] ATTRS = new int[] { android.R.attr.listDivider };
    private Drawable mDivider;
    private boolean mShowLastLine;

    public DividerGridItemDecoration(Context context) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
    }

    public DividerGridItemDecoration(Context context, boolean showLastLine) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        mShowLastLine = showLastLine;
        a.recycle();
    }

    public DividerGridItemDecoration(Context context, int drawableId){
        mDivider = context.getResources().getDrawable(drawableId);
    }

    public DividerGridItemDecoration(Context context, int drawableId, boolean showLastLine){
        mDivider = context.getResources().getDrawable(drawableId);
        mShowLastLine = showLastLine;
    }
    .....
    
    private void drawHorizontal(Canvas c, RecyclerView parent) {
        int childCount;
        if(mShowLastLine) {
            childCount = parent.getChildCount();
        }else {
            int spanCount = getSpanCount(parent);
            int count = parent.getChildCount();
            childCount = count - (count % spanCount == 0? spanCount : count%spanCount);
        }

        for (int i = 0; i < childCount; i++)
        {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getLeft() - params.leftMargin;
            final int right = child.getRight() + params.rightMargin
                    + mDivider.getIntrinsicWidth();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }
    ......

通过一个布尔值,进行控制是否显示最后一样的分割线。当然,我写的是竖直方向上的水平分割线,水平方向上的竖直分割线同理。

三、总结

通过上面两步的改造,很多需求都可以满足了。
如果需要DividerGridItemDecoration的代码,就去 鸿洋大神的博客 上看看吧。具体的改造根据上文进行就可以了。

参考文章:
Android RecyclerView 使用完全解析 体验艺术般的控件

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在 RecyclerView 中去除分割线,有几种方法可以实现: 1. 使用默认分割线并将其设置为空: ```java RecyclerView recyclerView = findViewById(R.id.recyclerView); recyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL)); ``` 在这种情况下,您可以使用以下代码将默认分隔线设置为空: ```java recyclerView.removeItemDecorationAt(0); ``` 2. 自定义分割线: 如果您想要自定义分割线的样式或者需要更多的控制,您可以创建一个自定义的 ItemDecoration 类,并在 RecyclerView 上使用它。以下是一个示例: ```java public class CustomDividerItemDecoration extends RecyclerView.ItemDecoration { private Drawable divider; public CustomDividerItemDecoration(Context context) { divider = ContextCompat.getDrawable(context, R.drawable.custom_divider); // 自定义分割线的样式 } @Override public void onDraw(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 - 1; i++) { View child = parent.getChildAt(i); RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams(); int top = child.getBottom() + params.bottomMargin; int bottom = top + divider.getIntrinsicHeight(); divider.setBounds(left, top, right, bottom); divider.draw(c); } } } ``` 然后在您的 Activity 或 Fragment 中使用它: ```java RecyclerView recyclerView = findViewById(R.id.recyclerView); recyclerView.addItemDecoration(new CustomDividerItemDecoration(this)); ``` 无论您选择哪种方法,都可以将分割线RecyclerView 中移除。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值