RecyclerView的万能分割线

最新推荐文章于 2021-08-28 11:06:23 发布
最新推荐文章于 2021-08-28 11:06:23 发布
阅读量354 收藏 1
点赞数
分类专栏： Android5.0新特性


ListView形式的：

使用方法：

添加默认分割线：高度为2px，颜色为灰色

mRecyclerView.addItemDecoration(new RecycleViewDivider(mContext, LinearLayoutManager.VERTICAL));

添加自定义分割线：可自定义分割线drawable

mRecyclerView.addItemDecoration(new RecycleViewDivider(
    mContext, LinearLayoutManager.VERTICAL, R.drawable.divider_mileage));

添加自定义分割线：可自定义分割线高度和颜色

mRecyclerView.addItemDecoration(new RecycleViewDivider(
    mContext, LinearLayoutManager.VERTICAL, 10, getResources().getColor(R.color.divide_gray_color)));

ListView形式万能分割线登场：

public class RecycleViewDivider extends RecyclerView.ItemDecoration {

    private Paint mPaint;
    private Drawable mDivider;
    private int mDividerHeight = 2;//分割线高度，默认为1px
    private int mOrientation;//列表的方向：LinearLayoutManager.VERTICAL或LinearLayoutManager.HORIZONTAL
    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};

    /**
     * 默认分割线：高度为2px，颜色为灰色
     *
     * @param context
     * @param orientation 列表方向
     */
    public RecycleViewDivider(Context context, int orientation) {
        if (orientation != LinearLayoutManager.VERTICAL && orientation != LinearLayoutManager.HORIZONTAL) {
            throw new IllegalArgumentException("请输入正确的参数！");
        }
        mOrientation = orientation;

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

    /**
     * 自定义分割线
     *
     * @param context
     * @param orientation 列表方向
     * @param drawableId  分割线图片
     */
    public RecycleViewDivider(Context context, int orientation, int drawableId) {
        this(context, orientation);
        mDivider = ContextCompat.getDrawable(context, drawableId);
        mDividerHeight = mDivider.getIntrinsicHeight();
    }

    /**
     * 自定义分割线
     *
     * @param context
     * @param orientation   列表方向
     * @param dividerHeight 分割线高度
     * @param dividerColor  分割线颜色
     */
    public RecycleViewDivider(Context context, int orientation, int dividerHeight, int dividerColor) {
        this(context, orientation);
        mDividerHeight = dividerHeight;
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(dividerColor);
        mPaint.setStyle(Paint.Style.FILL);
    }


    //获取分割线尺寸
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        outRect.set(0, 0, 0, mDividerHeight);
    }

    //绘制分割线
    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
        if (mOrientation == LinearLayoutManager.VERTICAL) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }
    }

    //绘制横向 item 分割线
    private void drawHorizontal(Canvas canvas, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getMeasuredWidth() - parent.getPaddingRight();
        final int childSize = parent.getChildCount();
        for (int i = 0; i < childSize; i++) {
            final View child = parent.getChildAt(i);
            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int top = child.getBottom() + layoutParams.bottomMargin;
            final int bottom = top + mDividerHeight;
            if (mDivider != null) {
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(canvas);
            }
            if (mPaint != null) {
                canvas.drawRect(left, top, right, bottom, mPaint);
            }
        }
    }

    //绘制纵向 item 分割线
    private void drawVertical(Canvas canvas, RecyclerView parent) {
        final int top = parent.getPaddingTop();
        final int bottom = parent.getMeasuredHeight() - parent.getPaddingBottom();
        final int childSize = parent.getChildCount();
        for (int i = 0; i < childSize; i++) {
            final View child = parent.getChildAt(i);
            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int left = child.getRight() + layoutParams.rightMargin;
            final int right = left + mDividerHeight;
            if (mDivider != null) {
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(canvas);
            }
            if (mPaint != null) {
                canvas.drawRect(left, top, right, bottom, mPaint);
            }
        }
    }
}

GridVIew形式分割线

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.LayoutManager;
import android.support.v7.widget.RecyclerView.State;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;


public class DividerGridItemDecoration extends RecyclerView.ItemDecoration
{

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

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

    @Override
    public void onDraw(Canvas c, RecyclerView parent, State state)
    {

        drawHorizontal(c, parent);
        drawVertical(c, parent);

    }

    private int getSpanCount(RecyclerView parent)
    {
        // 列数
        int spanCount = -1;
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager)
        {

            spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
        } else if (layoutManager instanceof StaggeredGridLayoutManager)
        {
            spanCount = ((StaggeredGridLayoutManager) layoutManager)
                    .getSpanCount();
        }
        return spanCount;
    }

    public void drawHorizontal(Canvas c, RecyclerView parent)
    {
        int childCount = parent.getChildCount();
        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);
        }
    }

    public void drawVertical(Canvas c, RecyclerView parent)
    {
        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++)
        {
            final View child = parent.getChildAt(i);

            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getTop() - params.topMargin;
            final int bottom = child.getBottom() + params.bottomMargin;
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicWidth();

            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    private boolean isLastColum(RecyclerView parent, int pos, int spanCount,
                                int childCount)
    {
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager)
        {
            if ((pos + 1) % spanCount == 0)// 如果是最后一列，则不需要绘制右边
            {
                return true;
            }
        } else if (layoutManager instanceof StaggeredGridLayoutManager)
        {
            int orientation = ((StaggeredGridLayoutManager) layoutManager)
                    .getOrientation();
            if (orientation == StaggeredGridLayoutManager.VERTICAL)
            {
                if ((pos + 1) % spanCount == 0)// 如果是最后一列，则不需要绘制右边
                {
                    return true;
                }
            } else
            {
                childCount = childCount - childCount % spanCount;
                if (pos >= childCount)// 如果是最后一列，则不需要绘制右边
                    return true;
            }
        }
        return false;
    }

    private boolean isLastRaw(RecyclerView parent, int pos, int spanCount,
                              int childCount)
    {
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager)
        {
            childCount = childCount - childCount % spanCount;
            if (pos >= childCount)// 如果是最后一行，则不需要绘制底部
                return true;
        } else if (layoutManager instanceof StaggeredGridLayoutManager)
        {
            int orientation = ((StaggeredGridLayoutManager) layoutManager)
                    .getOrientation();
            // StaggeredGridLayoutManager 且纵向滚动
            if (orientation == StaggeredGridLayoutManager.VERTICAL)
            {
                childCount = childCount - childCount % spanCount;
                // 如果是最后一行，则不需要绘制底部
                if (pos >= childCount)
                    return true;
            } else
            // StaggeredGridLayoutManager 且横向滚动
            {
                // 如果是最后一行，则不需要绘制底部
                if ((pos + 1) % spanCount == 0)
                {
                    return true;
                }
            }
        }
        return false;
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition,
                               RecyclerView parent)
    {
        int spanCount = getSpanCount(parent);
        int childCount = parent.getAdapter().getItemCount();
        if (isLastRaw(parent, itemPosition, spanCount, childCount))// 如果是最后一行，则不需要绘制底部
        {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        } else if (isLastColum(parent, itemPosition, spanCount, childCount))// 如果是最后一列，则不需要绘制右边
        {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else
        {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(),
                    mDivider.getIntrinsicHeight());
        }
    }
}


附：自定的drawable文件一份

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size android:height="20dp" />
    <solid android:color="#ff992900" />
</shape>
备注：解决NestedScrollView嵌套RecyclerView滑动不流畅问题
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
layoutManager.setSmoothScrollbarEnabled(true);
layoutManager.setAutoMeasureEnabled(true);

rv_recycler_view.setLayoutManager(layoutManager);
rv_recycler_view.setHasFixedSize(true);
rv_recycler_view.setNestedScrollingEnabled(false);










                

        

        

    

  


    

      

        

            

              
                
                  pedestrian-one
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
Android Recyclerview 万能分割线

				
			

			

				

					陈英有
				

				

					02-14
					
					1163
					
				

			

		

		

			
				
Android Recyclerview 万能分割线

			
		

	



                

              
                



	

		

			

				
					
RecyclerView万能分割线

				
			

			

				

					追梦人的博客
				

				

					03-31
					
					371
					
				

			

		

		

			
				
public class DividerItemDecoration extends RecyclerView.ItemDecoration{
/*
* RecyclerView的布局方向，默认先赋值 为纵向布局
* RecyclerView 布局可横向，也可纵向
* 横向和纵向对应的分割线画法不一样
* */
private int mOrientation = LinearLayoutMana...

			
		

	



                


  
              

                


	

		

			

				
					
Android RecyclerView万能分割线

				
			

			

				

					08-23
				

			

		

		

			
				
android recyclerview的万能分割线。由于android的recyclerview不带分割线效果，花了一段时间整理出了一份最强的万能分割线工具类。与大家分享

			
		

	





	

		

			

				
					
安卓RecyclerView万能分割线

				
			

			

				

					BYL的博客
				

				

					12-13
					
					518
					
				

			

		

		

			
				
参考后修改的，参考源暂时找不到了，非常感谢大神当年的帮助。 
RecyclerView 的分割线可以通过item 布局去画，但是这样效率太低了，想在百度上找一篇用着舒爽的文章又太难了。 
下面请看懒人分享第二章：万能分割线。

			
		

	



		

			
		



	

		

			

				
					
RecyclerView万能分割线_线性分割线_网格分割线

				
			

			

				

					wkk_ly的博客
				

				

					07-15
					
					833
					
				

			

		

		

			
				
自定义RecyclerView分割线库,支持线性分割线  网格分割线

			
		

	





	

		

			

				
					
一个Android RecyclerView万能分割线

				
			

			

				

					yyjjccaa的博客
				

				

					04-24
					
					927
					
				

			

		

		

			
				
/**
 * Created by 杨俊才 on 2016/11/24.
 *  recycleview万能分割线
 */
public class YangRecycleViewDivider extends RecyclerView.ItemDecoration {

    private Paint mPaint;
    private Drawable mDivider;
    pr

			
		

	





	

		

			

				
					
Grid，RecyclerView，万能分割线

				
			

			

				

					01-16
				

			

		

		

			
				
Grid，RecyclerView，任意列数任意行数平均分割线。。

			
		

	





	

		

			

				
					
RecyclerView分割线

				
			

			

				

					l_l_b的博客
				

				

					01-28
					
					938
					
				

			

		

		

			
				
万能分割线public class RecycleViewDivider extends RecyclerView.ItemDecoration {    private Paint mPaint;
    private Drawable mDivider;
    private int mDividerHeight = 2;//分割线高度，默认为1px
    private int mOri

			
		

	





	

		

			

				
					
RecyclerView之利用ItemDecoration实现万能分割线

				
			

			

				

					k_bb_666的博客
				

				

					06-28
					
					1899
					
				

			

		

		

			
				
上一篇文章讲了如何使用ItemDecoration去实现RecyclerView的万能间距，可是很多时候我们的需求里还会有分割线，有时候既要有合适的间距，也要有分割线，这种需求多出现在列表中，也就是网格布局中，这个时候就需要我们自己去画了，如果你天真的把分割线加到布局里，那效果将会是奇丑无比。。。直接看代码吧：import android.content.Context;
import andro...

			
		

	





	

		

			

				
					
RecyclerView系列之（2）：为RecyclerView添加分隔线

				
			

			

				

					AuthFailure的博客
				

				

					09-02
					
					1673
					
				

			

		

		

			
				
一. 理解ListView和RecyclerView中的ChildView
在讲为Item加入分割线本质的前，先来介绍，认识一下ChildView，也就是平时我们用到的ListView，RecyclerView中的getChildAt(int position)这个返回的ChildView是哪一部分？到底是哪一部分呢？一开始的时候，我理解错了，但是经过下面两张图这么一比较，你就明白了：

			
		

	





	

		

			

				
					
Recyclerview 的万能分割线

				
			

			

				

					yurenfan的博客
				

				

					07-16
					
					486
					
				

			

		

		

			
				
Recyclerview 的万能分割线package com.example.administrator.haocai.widget;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Pain...

			
		

	





	

		

			

				
					
RecycleView 万能分割线

				
			

			

				

					qq_27773675的博客
				

				

					08-28
					
					154
					
				

			

		

		

			
				
https://segmentfault.com/a/1190000021837618


			
		

	





	

		

			

				
					
RecyclerView 万能分割线2020/6(二)终

				
			

			

				

					qq471208499的博客
				

				

					05-22
					
					225
					
				

			

		

		

			
				
文章目录效果图升级内容具体使用全代码知识点
效果图

升级内容


初始化无需传入任何参数，一切都是自动获取
新增外边框控制，根据参数设置
新增带标题的grid，根据参数设置


具体使用
默认没有标题，不绘制外边框
recyclerView.addItemDecoration(new MyDividerItemDecoration().setHasTitle(true).setDrawOuterBorder(true));

全代码
package cn;

import android.graphics

			
		

	





	

		

			

				
					
RecyclerView自定义分割线实现详解

				
			

			

				

					
				

			

		

		

			
				
"本文将介绍如何在Android中针对LinearLayoutManager线性布局自定义RecyclerView的分割线。RecyclerView因其灵活性和可定制性而备受青睐，但这也意味着处理分割线时需要考虑多种情况。本文仅聚焦于线性布局的情况。...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值