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

android中RecyclerView自定义分割线实现

程序员文章站 2023-01-09 14:12:34
最近一直在看recyclerview,较之listview它确实是灵活多变,给予开发者更多自定义的空间,比如:需要添加头部和尾部、item的点击事件、自定义的layoutm...

最近一直在看recyclerview,较之listview它确实是灵活多变,给予开发者更多自定义的空间,比如:需要添加头部和尾部、item的点击事件、自定义的layoutmanager,还有就是下面要说的自定义的分割线。

1、如何理解分割线

经常听到有人说自定义分割线麻烦,为什么不把分割线写到item布局里,这样不是更简单吗?有些情况把分割线写到item布局里是很难达到我们想要的效果,例如recyclerview里的gridlayoutmanager,staggeredgridlayoutmanager和一些自定义的layoutmanager,不同位置的item需要画的分割线并不相同,这时候应用自定义的分割线就能很好的解决这个问题。

2、如何画分割线

网上也有很多关于recyclerview自定义分割线的写法,很多都是通过获取系统属性中的listdivider来添加,在系统中的apptheme中设置,但是如果我有两种风格的分割线,这就尴尬了呀,所以我希望像listview一样能传入一个drawable来设置分割线,所以我们的思路就是最终能像下面这样设置分割线:

复制代码 代码如下:

rvstore.additemdecoration(new customdecoration(context,customdecoration.vertical_list,r.drawable.divider_love,unithelper.dip2px(this,15)))

3、具体代码实现

由于recyclerview的布局方式多种多样,所以它的分割线也根据布局的不同有所差异,本文只针对linearlayoutmanager线性布局

  1. 继承自recyclerview.itemdecoration
  2. 重写getitemoffsets()、 ondraw()方法

现在给出完整的类,代码中关键地方都有注释,就不再一一说明:

public class customdecoration extends recyclerview.itemdecoration {

 public static final int horizontal_list = linearlayoutmanager.horizontal;

 public static final int vertical_list = linearlayoutmanager.vertical;

 private drawable mdivider;

 private int morientation;

 /**
  * 分割线缩进值
  */
 private int inset;

 private paint paint;

 /**
  * @param context
  * @param orientation layout的方向
  * @param drawable  引入的drawable的id
  * @param inset    分割线缩进值
  */
 public customdecoration(context context, int orientation, int drawable, int inset) {
   mdivider = context.getresources().getdrawable(drawable);
   this.inset = inset;
   paint = new paint();
   paint.setcolor(context.getresources().getcolor(r.color.white));
   paint.setstyle(paint.style.fill);
   paint.setantialias(true);
   setorientation(orientation);
 }

 public void setorientation(int orientation) {
   if (orientation != horizontal_list && orientation != vertical_list) {
     throw new illegalargumentexception("invalid orientation");
   }
   morientation = orientation;
 }

 @override
 public void ondraw(canvas c, recyclerview parent) {
   if (morientation == vertical_list) {
     drawvertical(c, parent);
   } else {
     drawhorizontal(c, parent);
   }
 }

 private void drawvertical(canvas c, recyclerview parent) {
   final int left = parent.getpaddingleft();
   final int right = parent.getwidth() - parent.getpaddingright();

   final int childcount = parent.getchildcount();
   //最后一个item不画分割线
   for (int i = 0; i < childcount - 1; i++) {
     final view child = parent.getchildat(i);
     final recyclerview.layoutparams params = (recyclerview.layoutparams) child.getlayoutparams();
     final int top = child.getbottom() + params.bottommargin;
     final int bottom = top + mdivider.getintrinsicheight();
     if (inset > 0) {
       c.drawrect(left, top, right, bottom, paint);
       mdivider.setbounds(left + inset, top, right - inset, bottom);
     } else {
       mdivider.setbounds(left, top, right, bottom);
     }
     mdivider.draw(c);
   }
 }

 private void drawhorizontal(canvas c, recyclerview parent) {
   final int top = parent.getpaddingtop();
   final int bottom = parent.getheight() - parent.getpaddingbottom();

   final int childcount = parent.getchildcount();
   for (int i = 0; i < childcount - 1; i++) {
     final view child = parent.getchildat(i);
     final recyclerview.layoutparams params = (recyclerview.layoutparams) child.getlayoutparams();
     final int left = child.getright() + params.rightmargin;
     final int right = left + mdivider.getintrinsicheight();
     mdivider.setbounds(left, top, right, bottom);
     mdivider.draw(c);
   }
 }

 //由于divider也有宽高,每一个item需要向下或者向右偏移
 @override
 public void getitemoffsets(rect outrect, int itemposition, recyclerview parent) {
   if (morientation == vertical_list) {
     outrect.set(0, 0, 0, mdivider.getintrinsicheight());
   } else {
     outrect.set(0, 0, mdivider.getintrinsicwidth(), 0);
   }
 }
}

4、具体怎么用

recyclerview的三部曲

recyclerview.setlayoutmanager(new linearlayoutmanager(this));
recyclerview.additemdecoration(new customdecoration(this, customdecoration.vertical_list, r.drawable.divider_love, unithelper.dip2px(this, 15)));
recyclerview.setadapter(adapter);

r.drawable.divider_love

<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">
 <solid android:color="#cb8589"/>
 <size android:height="15dp"/>
</shape>

对应的效果如下:

android中RecyclerView自定义分割线实现

我们可以看到明显的缩进效果,设置成零就没有缩进了。

还是看看正常使用中是什么样子吧

android中RecyclerView自定义分割线实现

对应的 r.drawable.divider_love

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
  <solid android:color="#cd3131"/>
  <size android:height="1dp"/>
</shape>

我们只需要修改下customdecoration中paint的颜色就可以让缩进的颜色和背景色一致了,默认是白色。

paint.setcolor(color.parsecolor("#ecf0f1"));

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