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。

你可能感兴趣的:(android)