recycleView分割线

最新推荐文章于 2022-04-01 09:35:33 发布
最新推荐文章于 2022-04-01 09:35:33 发布
阅读量381 收藏
点赞数
分类专栏： recycleView之分割线 文章标签： RecycleView分割线
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35634146/article/details/75033601
版权

   上一篇写到recycleViewAdapter的封装,这篇文章主要是写recycleview的分割线  recycleView主要有两种模式 一种是

LinearLayoutManager 这种是跟listview一样的样式, 另一种是GridLayoutManager  这种是gridView
的样式，直接贴代码
1：第一种：

**
 * Created by Administrator on 2017/7/12 0012.
 */
public class CategoryItemDecoration  extends RecyclerView.ItemDecoration{
    private Drawable mDivider;
    public CategoryItemDecoration(Context context,int res) {
        // 利用Drawable绘制分割线
        mDivider = ContextCompat.getDrawable(context,res);
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int childCount = parent.getChildCount();
        // 计算需要绘制的区域

        //这种是在item底部画线  最后一条数据底部也有分割线
       /*  Rect rect = new Rect();
         rect.left = parent.getPaddingLeft();
         rect.right = parent.getWidth() - parent.getPaddingRight();
       for (int i = 0; i < childCount; i++) {
            View childView = parent.getChildAt(i);
            rect.top = childView.getBottom();
            rect.bottom = rect.top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(rect);
            // 直接利用Canvas去绘制
            mDivider.draw(c);
        }*/

        //这种是在item头部画分割线
        Rect rect = new Rect();
        rect.left = parent.getPaddingLeft();
        rect.right = parent.getWidth() - parent.getPaddingRight();
        for(int i=1;i<childCount;i++){
            View childView = parent.getChildAt(i);
            rect.bottom = childView.getTop();
            rect.top =  rect.bottom - mDivider.getIntrinsicHeight();
            mDivider.setBounds(rect);
            mDivider.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        // 在每个子View的下面留出来画分割线  这种就是最后一条也会有分割线 可以采取在每条的上面添加分割先  第一条的时候 不添加
        int childAdapterPosition = parent.getChildAdapterPosition(view);
        int childCount = parent.getChildCount();

      /*  07-12 13:31:23.706 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=0--childCount=1
        07-12 13:31:23.728 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=1--childCount=2
        07-12 13:31:23.734 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=2--childCount=3
        07-12 13:31:23.744 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=3--childCount=4
        07-12 13:31:23.748 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=4--childCount=5
        07-12 13:31:23.751 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=5--childCount=6
        07-12 13:31:23.753 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=6--childCount=7
        07-12 13:31:23.756 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=7--childCount=8
        07-12 13:31:23.759 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=8--childCount=9
        07-12 13:31:23.762 26939-26939/com.lcyj.cm.recyclecommonadatrer I/test: childAdapterPosition=9--childCount=10*/
        //这样我们没办法拿到最最后一条的数据 childCount在一直变化  我们可以拿到第一条
        Log.i("test","childAdapterPosition="+childAdapterPosition+"--childCount="+childCount);
        //这种是所有底部有分割线
//        outRect.bottom += mDivider.getIntrinsicHeight();
        //这种是最后一条有分割线
        if(childAdapterPosition != 0){
            outRect.top = mDivider.getIntrinsicHeight();
        }
    }
}


2 ：第二种 gridview样式 这种做了兼容listview的样式
public class GridDivider extends RecyclerView.ItemDecoration{
    private Drawable mDivider;


    public GridDivider(Context context, int res) {
        // 利用Drawable绘制分割线
        mDivider = ContextCompat.getDrawable(context,res);
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int childCount = parent.getChildCount();
        drawHorizontal(c,parent);
        drawVeritial(c,parent);

    }
    /*
       绘制垂直方向
       * */
    private void drawVeritial(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        for (int i=0;i<childCount;i++){
            View childView = parent.getChildAt(i);
            //这个方法是拿到item布局里面的Margin 有的布局会设置这个 有的没有
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) childView.getLayoutParams();
                int top = childView.getTop() - params.topMargin;
                int bottom = childView.getBottom() + params.bottomMargin;
                int left = childView.getRight() + params.leftMargin;
                int right = left  +mDivider.getIntrinsicWidth();
                mDivider.setBounds(left,top,right,bottom);
                mDivider.draw(c);
        }
    }

    /*
    绘制水平方向
    * */
    private void drawHorizontal(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        for (int i=0;i<childCount;i++){
            View childView = parent.getChildAt(i);
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) childView.getLayoutParams();

            int left = childView.getLeft() - params.leftMargin;
            int right = childView.getRight() + mDivider.getIntrinsicWidth() +params.rightMargin;
            int top = childView.getBottom() + params.bottomMargin;
            int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left,top,right,bottom);
            mDivider.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        //这样的最右边 和最下边都有分割线
//        outRect.bottom = mDivider.getIntrinsicHeight();
//        outRect.right = mDivider.getIntrinsicWidth();
        //不要最右边 和最左边的分割线
        int bottom = mDivider.getIntrinsicHeight();
        int right =   mDivider.getIntrinsicWidth();
        if (isLastCloumu(view,parent)) {//最后一列
            right = 0;
        }
        //加上这个 else 的话 gridview最后一行为三行 的话 最后一行的最后一个下面的分割先还在 要去掉else
          if(isLastRow(view,parent)){//最后一行
            bottom = 0;
        }
        outRect.bottom = bottom;
        outRect.right = right;
    }
//最后一列
    public boolean isLastCloumu(View view,RecyclerView parent) {
        //获取当前的位置
       int currentPosition =  ((RecyclerView.LayoutParams) view.getLayoutParams()).getViewLayoutPosition();
        int spanCount = getSpanCount(parent);

        return (currentPosition + 1) % spanCount == 0;
    }
//获取recycleview的列数
    private int getSpanCount(RecyclerView parent) {
        //获取列数
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        //这里要做判断 是不是gridview  还是
        if(layoutManager instanceof GridLayoutManager){
            GridLayoutManager  gridLayoutManager = (GridLayoutManager)layoutManager ;
            //获取到列数
            int spanCount = gridLayoutManager.getSpanCount();
            return spanCount;
        }
        return 1;
    }

    //最后一行
    public boolean isLastRow(View view,RecyclerView parent) {
        //获取当前的位置  当前位置 > (行数 -1)* 列数
        int currentPosition =  ((RecyclerView.LayoutParams) view.getLayoutParams()).getViewLayoutPosition();
        //列数
        int spanCount = getSpanCount(parent);
        //  行数 = 总的条目 / 列数   9/3=3  9/2=4  在这里必须%
        int rowNumber = parent.getAdapter().getItemCount()%spanCount == 0 ? parent.getAdapter().getItemCount()/spanCount
                 : parent.getAdapter().getItemCount()/spanCount +1;

        return  currentPosition +1 > (rowNumber - 1) * spanCount;
    }

  /*  @Override
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        super.getItemOffsets(outRect, itemPosition, parent);
    }*/
}



 之上是分割线总结，都是经过测试的，不足之处望大家一起完善。

qq_35634146
关注
专栏目录
RecyclerView分割线
bobo8945510的博客
10-18 2569
学习引导RecyclerView分割线实现本章博客用到的知识点，我用截图的方式来说，项目中详细的备注1、demo目录介绍，如图2、绘制Item间的间隔（可绘制），可以通过RecyclerView.addItemDecoration(ItemDecoration decoration)这个方法进行设置，其实Main主程序也就这些代码如图 代码 import android.app.Activity;
Recyclerview分割线
weifeng的博客
03-02 414
1、 import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.view.View; import androidx.recyclerview.widget.RecyclerView; public class MyDecoration extends RecyclerView.It.
了解RecyclerView的分割线
NightRain的博客
04-18 1634
RecyclerView有自带的分割线，有时候自带分割线满足不了项目需要，随即参考网络其他大佬的文章，自己写一个万能分割线。列表或者表格，一个类满足！
解决RecycleView分割线不居中的三种方法
01-04
本文为大家分享了三种RecycleView分割线不居中的解决方法，供大家参考，具体内容和如下 方法一： public class SpacesItemDecoration extends RecyclerView.ItemDecoration { private int mSpace; private int ...
Android RecycleView分割线详解、完美解决Recyclerview没有分割线的问题
______夏日飞雨
06-08 1013
1丶安卓5.0以下，需要导入android-support-v7-recyclerview.jar  （缺陷eclipes,以前用的时候As还没有多普及，用的eclipse开发，需要导入这个jar文件包）2丶分割线需要自己加（缺陷）3丶实现了ListView横向滑动 瀑布流  瀑布流推荐用框架（优点）4丶解决了ListView条目复用图片错位的问题（优点）5丶点击事件需要自己写（缺陷）分割线可以说...
Android RecyclerView —— 自定义分割线
ITRenj的博客
06-17 3515
Android RecyclerView —— 自定义分割线 Android RecyclerView —— 基本使用 Android RecyclerView —— 适配器封装探索 前面说了 RecyclerView 的基本使用以及对适配器的封装，但是在使用 ListView 时，有 dividerHeight 和 divider 属性用来设置分割线的高度和颜色(Drawable)，但是在 Re...
RecycleView：自定义分割线(适用网格布局和线性布局)
weixin_43858255的博客
08-13 712
RecycleView之自定义分割线 自从RecycleView推出以来，收到一阵好评，几乎完全替代了Listview和GridView，在使用的过程中，为了美化界面样式，我们不得不进行自定义RecycleView的分割线样式来满足我们的需求 利用RecycleView自带的itemDecoration这个类，可以完美的自定义各种分割线。这个类的核心方法有三个： onDraw(Canvas c, RecyclerView parent, State state) onDrawOver(Canvas c,
RecycleView自定义分割线
freak_csh的博客
06-29 266
class SpaceItemDecoration extends RecyclerView.ItemDecoration { int mSpace; @Override public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) { ...
RecyclerView的分割线
01-09
传统的ListView，GridView都有都有分割线diver，然后我们会习惯性想找到RecyclerView的diver，很遗憾，它的风格并不是叫做diver，而是ItemDecoration。而且，你还不能直接像diver一样通过xml的简单配置就可以操控它，相反，你需要写一个自定义的分割线，继承ItemDecoration。重写onDraw方法绘制分割线的图案，颜色和大小，在getItemOffsets处理分割线的间隔问题。
RecyclerView的万能分割线
01-05
什么是RecyclerView RecyclerView是Android 5.0 materials design中的组件之一，相应的还有CardView、Palette等。看名字我们就能看出一点端倪，没错，它主要的特点就是复用。我们知道，Listview中的Adapter中可以实现ViewHolder的复用。RecyclerView提供了一个耦合度更低的方式来复用ViewHolder，并且可以轻松的实现ListView、GridView以及瀑布流的效果。 先给大家展示下效果图： 使用方法： 添加默认分割线：高度为2px，颜色为灰色 mRecyclerView.addItemDecora
RecycleView添加分割线
彭思正的博客
02-21 733
首先我们要了解到的是  RecycleView添加的分割线有两种方式， 1.简单暴力的 ，直接在item的布局中添加分割线， 2.通过recycleView的内部方法addItemDecoration(class) ,这个class 集成下recyclerVIew.ItemDecoration这个类就可以了；      recyclerVIew.ItemDecoration 那这
详解RecyclerView的分割线
郑在努力~
02-15 1588
RecyclerView分割线详解具体的原理可以参考底部留下的第一个地址 用法可以参考第二个地址 1. 添加RecyclerView分割线，继承自RecyclerView.ItemDecoration 可实现3个方法 onDraw() getItemOffsets() onDrawOver() 方法间相互关系1. 方法执行的顺序为：getItemOffsets() 执行4次 –>
Recycleview添加分割线
qq_26665903的博客
08-05 897
recycleview默认是不带有分割线的，但是在项目中，很多地方 都要分割线， 下面有两种办法： 1，在item 布局中，最下面加一条分割线，最简单的 2， recyclerView.addItemDecoration()方法， 意思就是 在每一个 item 之间加入一个 ItemDecoration //recycle加分割线 public static clas
RecyclerView添加分割线
Makenna's World
04-01 4299
RecyclerView 并没有 divider 属性，但是我们可以通过 RecyclerView 的 addItemDecoration() 来添加分割线，该方法参数为 RecyclerView.ItemDecoration。 介绍 当 RecyclerView 添加 ItemDecoration 后，RecyclerView 在绘制每个 item 的时候，会去绘制 decorator，也就是会调用 ItemDecoration 的 onDraw() 和 onDrawOver() 方法。 Recyc
recycleview 自定义分割线
ZJQ的博客
08-29 367
DividerItemDecoration divider = new DividerItemDecoration(getActivity(),DividerItemDecoration.VERTICAL); divider.setDrawable(ContextCompat.getDrawable(getActivity(),R.drawable.custom_divider)); mRvSo...
RecycleView的分割线基础
jeekmary的博客
07-21 265
RecycleView很多人可能用不习惯，觉得太麻烦了，但是实际上用起来的时候功能非常强大。话不多说开始吧。 ItemDecoration这个是RecycleView分割线 //自定义一个类继承RecyclerView.ItemDecoration public class CustomDividerItem extends RecyclerView.ItemDecoration ...
RecycleView分割线居中解决方案
"解决RecycleView分割线不居中的三种方法" 在Android开发中，RecyclerView是一个常用的组件，用于展示大量数据列表。然而，在实际应用中，我们可能会遇到RecyclerView的分割线（Divider）无法居中的问题，这会影响...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值