RecyclerView(实现分割线)

上一篇文章已经写好了基本的RecyclerView,这一篇就来实现一下,加分割线。
RecyclerView的分割线需要自己写,它提供了一个RecyclerView.ItemDecoration,写个类继承它,实现其中的方法。
老规矩,先是成员变量

    private Drawable mDivider;
    private int mOrientation;

    //方向
    public static final int HORIZONTAL = LinearLayoutManager.HORIZONTAL;
    public static final int VERTICAL = LinearLayoutManager.VERTICAL;

    //系统默认,要改的话需要自己写一个drawable调用
    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};

mDivider为分割线的图形(不知道咋形容,就这样说吧),mOrientation为方向变量,是要将下面俩个方向常量选一个给它赋值,让人家知道你要的分割线是横的还是竖直的。

构造方法:

//构造方法
    public RecycleViewDivider(Context context, int orientation) {
        final TypedArray array = context.obtainStyledAttributes(ATTRS);
        mDivider = array.getDrawable(0);
        array.recycle();

        //指定分割线的方向
        setOrientation(orientation);
    }

setOrientation()方法:

  public void setOrientation(int orientation) {
        //如果分割线方向错误则抛出异常
        if (mOrientation != HORIZONTAL && mOrientation != VERTICAL) {
            throw new IllegalArgumentException("Wrong mOrientation!!!");
        }
        this.mOrientation = orientation;
    }

现在来调用父类的onDraw()方法来画分割线啦:

 //画分割线
    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        //水平分割线
        if (mOrientation == HORIZONTAL) {
            drawHorizontal(c, parent);
        }
        //垂直分割线
        if (mOrientation == VERTICAL) {
            drawVertical(c, parent);
        }
    }

不同方向实现方法:

  /**
     * @param c
     * @param parent 实现分割线主要是要实现分割线mDivider的setBounds(left,top,right,bottom)方法
     */
    //垂直方向分割线实现方法
    private void drawVertical(Canvas c, RecyclerView parent) {

        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            //获取父类中每一个item(视图)
            final View child = parent.getChildAt(i);
            //获取每个item具体的布局(宽高)
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int top = child.getBottom() + params.bottomMargin;
            //底部为顶部加上分割线高度
            final int bottom = top + mDivider.getIntrinsicHeight();
            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; i++) {
            final View child = parent.getChildAt(i);
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicWidth();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

最后画好分割线还要让它得以使用呀,所以我们再次使用父类方法:

  //为每个item设置一定的偏移量,因为你只是画出了分割线并没有将它应用到布局中
    @Override
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (mOrientation==VERTICAL){
            outRect.set(0,0,0,mDivider.getIntrinsicHeight());
        }else{
            outRect.set(0,0,mDivider.getIntrinsicWidth(),0);
        }
    }

按照分割线的不同方向设置不同的偏移量。
现在我们在MainActivity中加一句话就行了:

//添加分割线
        recyclerView.addItemDecoration(new RecycleViewDivider(this,RecycleViewDivider.VERTICAL));

这里分割线是用了默认高度和颜色,如果要自己设置颜色和高度的话,就要自己写个drawable

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

   <solid android:color="#eeeeee"/>
    <size android:height="5dp"/>

</shape>

你可以在这里面设置你想要的分割线的风格啦!!!
然后添加到style.xml中:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="android:Theme.Material.Light">
        <item name="android:listDivider">@drawable/divider_style</item>
    </style>
</resources>

到这里就讲完了,基本上就是已经把源码贴出来了,就不再贴了。Bye。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值