详解recyclerview的分割线

最近项目倒是不紧，就是前一阵子突然不知道该怎么学了，所以一直没写文章。一度陷入了迷茫期，一方面不能踏实下来，一方面感觉自己不会的东西太多，应该属于入门后的又一个迷茫期吧，不知道从何下手。
这几天开始撸一个项目，虽然这个项目虽说是一个大三在校生写的。但是我仔细研究，确实写的不错，而且又是郭神推荐的。里面的好多东西都是之前没听说过的，毕竟知之甚少，那就踏踏实实的开始燥起来吧。
相信recyclerview这个控件大家都已经很熟了，基本用法比较熟，这里我就不具体写了。以前用这个控件在加分割线的时候总是复制粘贴，从没有细致研究过。这次开始研究研究。但是我研究的可能比较浅，大牛自行绕过。
先上代码吧，

display.setLayoutManager(new LinearLayoutManager(getActivity()));//设置布局垂直往下display.setItemAnimator(new DefaultItemAnimator());//设置Item增加、移除动画display.addItemDecoration(new ListViewDecoration(getActivity()));


ListViewDecoration类

public class ListViewDecoration extends RecyclerView.ItemDecoration {private Drawable divider;public ListViewDecoration(Context context) {divider = context.getResources().getDrawable(R.drawable.recycler_divider);//自定义了一个矩形}@Overridepublic void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {int count = parent.getChildCount();int left = parent.getPaddingLeft();int right = parent.getWidth() - parent.getPaddingRight();View child = null;for (int i = 0; i }


recycler_divider.xml文件

这里的ListViewDecoration类继承自RecyclerView.ItemDecoration，而非全部自定义。这里主要的的方法有三个：
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, State state)
public void onDraw(Canvas c, RecyclerView parent, State state)
public void onDrawOver(Canvas c, RecyclerView parent, State state)
挨个解释一下吧，getItemOffsets方法主要用于设置偏移量，也就是item上下之间的偏移量。onDraw方法是绘制content背景，也就是每个item的背景颜色。onDrawOver是在item上面绘制。
先来看咱们的需求实现的效果应该是这样的：

Paste_Image.png

实现分割线效果可以通过以上一种或两种方法混合使用，都可以达到。本篇文章只介绍两种方法。
1.只使用getItemOffsets方法，代码如下：onDrawOver

@Overridepublic void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {super.getItemOffsets(outRect, view, parent, state);outRect.bottom = divider.getIntrinsicHeight();//类似加了一个bottom padding}


对照前边的ListViewDecoration类的代码来看，就是注释掉onDrawOver方法。
Divider是前边声明的一个drawable资源，资源来源于自定义的xml文件，上边已经贴出，矩形图形，高度1dp。
但是这有一个坑！！！！这个点当时我没注意到，在撸项目过程中尝试半天，后来发现，这个需要设置背景色。由于刚开始我撸的项目item和layout的背景色都是白色效果一直没实现。我尝试改变了一下背景色，效果就达到了，而且效果表明，这个方法主要用途就是设置上下item之间的距离。
2.使用getItemOffsets和onDrawOver两个方法混合。

@Overridepublic void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {int count = parent.getChildCount();int left = parent.getPaddingLeft();int right = parent.getWidth() - parent.getPaddingRight();View child = null;for (int i = 0; i

上边的onDrawOver方法整体上就是，逐个遍历item子view，根据view的坐标位置，找到分割线该有的位置，这里面绘制分割线可以用两种方法，先来看drawable绘制方法。
在此之前我在网上博客中找到一张图片（链接http://blog.csdn.net/jimtrency/article/details/52986129）可以很好的说明这次位置坐标。

Paste_Image.png

通过上边这个图，来解释几个方法名
首先来说明一下android：padding，padding为内边距，针对一个viewgroup而言，在这里就是recyclerview，他代表的是item距离recyclerview的距离，在本项目里item的宽度匹配父布局，也就是说这里的parent.getPaddingLeft()和parent.getPaddingRight()都是0
int left = parent.getPaddingLeft();
int right = parent.getWidth() - parent.getPaddingRight();
对于上图而言，中间矩形内容部分就是分割线，x坐标与item保持一致，也就是left和right的值对应图中①③

int top = child.getBottom() + params.bottomMargin;
int bottom = top + divider.getIntrinsicHeight();
这里主要看一下top参数，child.getBottom()是获得底部坐标，后边的参数params是拿到item的一个参数包，里面包含了一些具体参数，其中bottomMargin就是底部的Margin距离。后边利用drawable的setbounds方法将几个参数传入，然后draw（canvas），画在画布上。
divider.setBounds(left, top, right, bottom);
divider.draw(c);
3.也是利用getItemOffsets和onDrawOver两个方法混合。逻辑是一样的，但是在画板上画图形的时候，有点区别，我先贴代码

public class SimpleDividerDecoration extends RecyclerView.ItemDecoration {private int dividerHeight;private Paint dividerPaint;public SimpleDividerDecoration(Context context) {dividerPaint = new Paint();dividerPaint.setColor(context.getResources().getColor(R.color.colorAccent));dividerHeight = context.getResources().getDimensionPixelSize(R.dimen.divider_height);}@Overridepublic void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {super.getItemOffsets(outRect, view, parent, state);outRect.bottom = dividerHeight;}@Overridepublic void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {int childCount = parent.getChildCount();int left = parent.getPaddingLeft();int right = parent.getWidth() - parent.getPaddingRight();for (int i = 0; i }作者：小武站台
链接：http://www.jianshu.com/p/b46a4ff7c10a


其他的点不再详说，单看以下三行代码
dividerPaint = new Paint();
dividerPaint.setColor(context.getResources().getColor(R.color.colorAccent));
c.drawRect(left, top, right, bottom, dividerPaint);
这是从上边两个方法中摘除来的这使用了canvas画出分割线，需要传入位置信息还有画笔。
最后再提一点其他的小内容吧，项目当中，用到了封装toobar和fragment懒加载，感觉这两个点需要讲的并不是很多，大家感兴趣可以去看看。

本文引用连接
http://www.jianshu.com/p/b46a4ff7c10a
https://github.com/HelloChenJinJun/TestChat


感兴趣的同学可以关注一下我的微信公众号，或者微信搜索 开发 Android的小学生

qrcode_for_gh_c686d73be7e1_430.jpg