欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android实现RecyclerView添加分割线的简便方法

程序员文章站 2023-11-27 15:05:28
1、前言 刚开始学习recyclerview的时候我跟着一个视频学的,当时添加分割线是从外面导入一个java类,然后使用里面的函数来创建分割线的,所以一直以来我都是这...

1、前言

刚开始学习recyclerview的时候我跟着一个视频学的,当时添加分割线是从外面导入一个java类,然后使用里面的函数来创建分割线的,所以一直以来我都是这样做的。直到前几天才无意中发现,原来v7包中提供了一个divideritemdecoration类,利用它,我们可以很简单地实现recyclerview的分割线!那还等什么呢?赶紧用起来。

2、创建一个简单的recyclerview

首先当然应该来一个recyclerview,这里就不再赘述了,随便造点数据就好。直接上代码:

public class mainactivity extends appcompatactivity {
  private recyclerview recyclerview;
  private arraylist<string> titles = new arraylist<>();

  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);

    //初始化recyclerview
    recyclerview = (recyclerview) findviewbyid(r.id.recyclerview);
    recyclerview.setlayoutmanager(new linearlayoutmanager(this,linearlayoutmanager.vertical,false));
    for (int i = 0; i < 20; i++) {
      titles.add("标题"+i);
    }
    recyclerview.setadapter(new recyclerviewadapter(this,titles));
  }
}

recyclerviewadapter的代码:

/
**
 * recyclerview适配器
 */
public class recyclerviewadapter extends recyclerview.adapter<recyclerviewadapter.viewholder> {

  private context context;
  private arraylist<string> datas;

  class viewholder extends recyclerview.viewholder {
    imageview ivicon;
    textview tvtitle;

    public viewholder(view itemview) {
      super(itemview);
      ivicon = (imageview) itemview.findviewbyid(r.id.iv_icon);
      tvtitle = (textview) itemview.findviewbyid(r.id.tv_title);
    }
  }

  public recyclerviewadapter(context context, arraylist<string> datas) {
    this.context = context;
    this.datas = datas;
  }

  /**
   * 相当于getview方法中view和viewholder
   *
   * @param parent
   * @param viewtype
   * @return
   */
  @override
  public viewholder oncreateviewholder(viewgroup parent, int viewtype) {
    view itemview = view.inflate(context, r.layout.item_recyclerview, null);
    recyclerview.layoutparams lp = new recyclerview.layoutparams(viewgroup.layoutparams.match_parent,
        viewgroup.layoutparams.wrap_content);
    itemview.setlayoutparams(lp);
    return new viewholder(itemview);
  }

  /**
   * @param holder
   * @param position
   */
  @override
  public void onbindviewholder(viewholder holder, int position) {
    //根据position得到对应的数据
    string data = datas.get(position);
    holder.tvtitle.settext(data);
  }

  /**
   * 得到总条数
   *
   * @return
   */
  @override
  public int getitemcount() {
    return datas.size();
  }
}

运行之后是这样的:

Android实现RecyclerView添加分割线的简便方法

很明显,这个时候是没有分割线的。

3、添加默认的分割线

现在我们就来添加分割线,首先来试试最简单的,也就是安卓自带的分割线。只需要加一行代码即可。

    //添加android自带的分割线
    recyclerview.additemdecoration(new divideritemdecoration(this,divideritemdecoration.vertical));

additemdecoration方法需要一个divideritemdecoration的对象,而创建其对象时,我们需要传入上下文和分割线的方向。再运行一下,就可以看到分割线出现了:

Android实现RecyclerView添加分割线的简便方法

4、自定义分割线

有时候默认的浅灰色的分割线并不能满足我们的要求,这时我们就需要自己“写”一条分割线了,那应该怎么写呢?打开divideritemdecoration看看它的源码,有这么一个函数:

  public void setdrawable(@nonnull drawable drawable) {
    if (drawable == null) {
      throw new illegalargumentexception("drawable cannot be null.");
    }
    mdivider = drawable;
  }

我们只需要调用这个方法,然后传入一个drawable函数对象就可以了。现在可以用shape来编写一个分割线样式:

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

  <gradient
    android:centercolor="#ff00ff00" //绿色
    android:endcolor="#ff0000ff"  //蓝色
    android:startcolor="#ffff0000" //红色
    android:type="linear" />
  <size android:height="3dp" />

</shape>

我这里弄的是一条骚气的渐变色分割线。然后添加分割线的代码改为如下:

    //添加自定义分割线
    divideritemdecoration divider = new divideritemdecoration(this,divideritemdecoration.vertical);
    divider.setdrawable(contextcompat.getdrawable(this,r.drawable.custom_divider));
    recyclerview.additemdecoration(divider);

跑起来之后,就可以看到一条多彩的分割线了:

Android实现RecyclerView添加分割线的简便方法

这样一来使用范围就广很多了,比如item之间需要一定的间隔,那么我们就可以加一条透明的分割线。

5、总结

添加分割线的代码很简单,以后需要加一条简单的分割线时就可以这么处理。不过要注意这只适用于列表布局(linearlayout)的recyclerview,网格布局(gridlayout)和流式布局(staggeredgridlayout)就不适用了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。