RecyclerView分割線

學習引導

第一節：http://blog.csdn.net/bobo8945510/article/details/52823539 認識RecyclerView

第二節：http://blog.csdn.net/bobo8945510/article/details/52849084 RecyclerView分割線設定

第三節：http://blog.csdn.net/bobo8945510/article/details/52851558 RecyclerView布局靠左問題

四三節：http://blog.csdn.net/bobo8945510/article/details/52858500 RecyclerView實作監聽

第五節：http://blog.csdn.net/bobo8945510/article/details/52860777 RecyclerView三種不同布局風格

第六節：http://blog.csdn.net/bobo8945510/article/details/52881647 RecyclerView增加和删除效果

RecyclerView分割線實作

本章部落格用到的知識點，我用截圖的方式來說，項目中詳細的備注

1、demo目錄介紹，如圖

RecyclerView分割線

2、繪制Item間的間隔（可繪制），可以通過RecyclerView.addItemDecoration(ItemDecoration decoration)這個方法進行設定，其實Main主程式也就這些代碼如圖

RecyclerView分割線

代碼

import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

public class MainActivity extends Activity {

    private RecyclerView recy_view;
    private String[] data ={"我是熊大","我是熊大","我是熊大","我是熊大","我是熊大","我是熊大","我是熊大","我是熊大","我是熊大","我是熊大"};
    private ViewHoderAdaapters adaapters;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recy_view= (RecyclerView)findViewById(R.id.recy_view);
        LinearLayoutManager LM = new LinearLayoutManager(this);
        recy_view.setLayoutManager(LM);

        //樣式一，對應類DividerItemDecoration01
        //recy_view.addItemDecoration(new DividerItemDecoration01(this,LinearLayoutManager.HORIZONTAL));

        //樣式二,對應類DividerItemDecoration02
       recy_view.addItemDecoration(new DividerItemDecoration02(this, LinearLayoutManager.HORIZONTAL, R.drawable.style02));


        adaapters = new ViewHoderAdaapters(MainActivity.this,data);
        recy_view.setAdapter(adaapters);

    }
![這裡寫圖檔描述](http://img.blog.csdn.net/20161018151322280)}

MainActivity布局

RecyclerView分割線

樣式怎麼定義的?我這裡和大家分享三種（建議下在demo運作運作起來在看）

第一種：在布局中添加一個view，這是最友善的*，這種方法不需要用到上面代碼中的ItemDecoration（）方法，直接運作項目即可

布局效果如下

RecyclerView分割線

MainActivity中無需引用，在運作demo時屏蔽下面代碼

RecyclerView分割線

運作效果

RecyclerView分割線

第二種：運用RecycleView的ItemDecoration（）方法來繪制分割線，這個方法比較繁瑣，不建議使用

1、首先你要定義一個你想要的樣式

RecyclerView分割線

2、在我們自定義ItemDecoration時，我們需要繼承RecyclerView.ItemDecoration，我們RecyclerView在進行繪制的時候會進行繪制Decoration,那麼會去調用onDraw和onDrawOver方法，那麼這邊我們其實隻要去重寫onDraw和getItemOffsets這兩個方法就可以實作啦。然後LayoutManager會進行Item布局的時候，會去調用getItemOffset方法來計算每個Item的Decoration合适的尺寸，如圖：

RecyclerView分割線

3、因為我們這個方法需要用到一個自定義的style。然後通過android.R.attr.*擷取到定義的樣式。

RecyclerView分割線

4、我們定義好了樣式，再來定義一對布局的方向。用來判斷我們傳遞過來的布局方向（也就是分割線的方向）

//擷取布局的方向
    public static final int HORIZONTAL = LinearLayoutManager.HORIZONTAL;

    public static final int VERTICAL = LinearLayoutManager.VERTICAL;

    //可以延長的
    private Drawable mDivider;

    private int mOrientation;

5、構造方法，用來擷取主類傳遞過來的參數和上下文

//添加一個構造方法
    public DividerItemDecoration01(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable();
        a.recycle();
        //添加一個判斷方向的方法。來進行方向指派
        setOrientation(orientation);
    }

6、上面有個setorientation(方向)，用來檢驗傳遞過來的方法，如果傳遞的不是符合要求的兩個方法，就提示，傳遞資訊有錯誤。如果正确就把方向指派給對象mOrientation

/方向的判斷
    private void setOrientation(int orientation) {
        if (orientation != HORIZONTAL && orientation != VERTICAL) {
            throw new IllegalArgumentException("你傳遞的方向參數好像有問題");
        }
        //方向指派給對象mOrientation;
        mOrientation = orientation;
    }

7、重寫onDraw()方法。來判斷繪制的是橫向還是豎向。

@Override
    public void onDraw(Canvas c, RecyclerView parent) {
    //來判斷繪制的是橫向還是豎向。
        if (mOrientation == VERTICAL) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }
    }

8、第7步的時候，建立了兩個繪制方法，用來繪制分割線，這裡有個重點，就是左偏和右偏移

RecyclerView分割線

代碼

/**
     * 繪制橫向 item 分割線
     * @param parent
     */
    private void drawHorizontal(Canvas c, RecyclerView parent) {
        //左右的間距 ，left就是距離父類邊界的距離，right同理
        final int left = parent.getPaddingLeft()+;
        final int right = parent.getWidth() - parent.getPaddingRight()-;
        //擷取item資料的長度
        final int childCount = parent.getChildCount();
        //循環繪制分割線,根據有多少條資料來繪制
        for (int i = ; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            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);
        }
    }

/**
     * 繪制縱向 item 分割線
     * @param parent
     */
    private void drawVertical(Canvas c, RecyclerView parent) {
        //左右的間距 ，top就是距離父類頂邊界的距離，bottom是距離父類底部的邊界距離
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();

        final int childCount = parent.getChildCount();
        //循環繪制分割線
        for (int i = ; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

9、最後一步，重新getItemOffsets（）方法，自己可以修改下下面的參數。看看會有什麼情況發生。

/*
    * 擷取分割線尺寸
    * getItemOffsets 中為 outRect 設定的4個方向的值，将被計算進所有 decoration 的尺寸中，而這個尺寸，被計入了 RecyclerView 每個 item view 的 padding 中
    * */
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (mOrientation == VERTICAL) {
            //在這個地方，我們才擷取
            outRect.set(, , ,  mDivider.getIntrinsicWidth());
        }else{
            outRect.set(, , mDivider.getIntrinsicWidth(), );
        }
    }

10、最後打開MainActivity中我屏蔽的樣式一代碼，并且把item布局中view屏蔽掉。

//樣式一，對應類DividerItemDecoration01
        recy_view.addItemDecoration(new DividerItemDecoration01(this,LinearLayoutManager.HORIZONTAL));

11、效果圖：

RecyclerView分割線

第三種：同樣運用RecycleView的ItemDecoration（）方法來繪制分割線，但是我們不需要去寫style樣式，而我們用的樣式資源是從主類中傳遞過來的。如下圖

RecyclerView分割線

既然樣式是從MainActivity中傳遞過來的，是以引用也肯定不一樣。哪裡不一樣，如圖所示：

RecyclerView分割線

好吧剩下的代碼就和方法二中的一樣了

樣式二代碼

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v4.content.ContextCompat;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;

/**
 * Created by ENZ on 2016/10/15.
 */

public class DividerItemDecoration02 extends RecyclerView.ItemDecoration {
    //擷取布局的方向
    public static final int HORIZONTAL = LinearLayoutManager.HORIZONTAL;

    public static final int VERTICAL = LinearLayoutManager.VERTICAL;


    //可以延長的
    private Drawable mDivider;

    private int mOrientation;


    //方向的判斷
    private void setOrientation(int orientation) {
        if (orientation != HORIZONTAL && orientation != VERTICAL) {
            throw new IllegalArgumentException("你傳遞的方向參數好像有問題");
        }
        //方向指派給對象mOrientation;
        mOrientation = orientation;
    }

    /**
     * 自定義分割線
     *
     * @param context
     * @param orientation 清單方向
     * @param drawableId  分割線圖檔
     */
    public DividerItemDecoration02(Context context, int orientation, int drawableId) {
        mDivider = ContextCompat.getDrawable(context, drawableId);
        setOrientation(orientation);
    }

    //重寫onDraw（）方法。并且根據傳遞過來的方向來進行繪制分割線
    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        if (mOrientation == VERTICAL) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }
    }

    /**
     * 繪制橫向 item 分割線
     * @param parent
     */
    private void drawHorizontal(Canvas c, RecyclerView parent) {
        //左右的間距 ，left就是距離父類邊界的距離，right同理
        final int left = parent.getPaddingLeft()+;
        final int right = parent.getWidth() - parent.getPaddingRight()-;
        //擷取item資料的長度
        final int childCount = parent.getChildCount();
        //循環繪制分割線
        for (int i = ; i < childCount; i++) {
            //
            final View child = parent.getChildAt(i);
            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);
        }
    }
    /**
     * 繪制縱向 item 分割線
     * @param parent
     */
    private void drawVertical(Canvas c, RecyclerView parent) {
        //左右的間距 ，top就是距離父類頂邊界的距離，bottom是距離父類底部的邊界距離
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();

        final int childCount = parent.getChildCount();
        //循環繪制分割線
        for (int i = ; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    /*
    * 擷取分割線尺寸
    * getItemOffsets 中為 outRect 設定的4個方向的值，将被計算進所有 decoration 的尺寸中，而這個尺寸，被計入了 RecyclerView 每個 item view 的 padding 中
    * */
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (mOrientation == VERTICAL) {
            //在這個地方，我們才擷取
            outRect.set(, , ,  mDivider.getIntrinsicWidth());
        }else{
            outRect.set(, , mDivider.getIntrinsicWidth(), );
        }
    }
}

效果圖：

RecyclerView分割線

注意，我們這裡有個很大的坑。我的布局明明是居中的。例如方法一和方法二自定義分割線時總是靠左，而我要的效果是居中效果，如下：

RecyclerView分割線

RecyclerView分割線

學習引導

RecyclerView分割線實作

本章部落格用到的知識點，我用截圖的方式來說，項目中詳細的備注

1、demo目錄介紹，如圖

2、繪制Item間的間隔（可繪制），可以通過RecyclerView.addItemDecoration(ItemDecoration decoration)這個方法進行設定，其實Main主程式也就這些代碼如圖

樣式怎麼定義的?我這裡和大家分享三種（建議下在demo運作運作起來在看）

第一種：在布局中添加一個view，這是最友善的*，這種方法不需要用到上面代碼中的ItemDecoration（）方法，直接運作項目即可

第二種：運用RecycleView的ItemDecoration（）方法來繪制分割線，這個方法比較繁瑣，不建議使用

第三種：同樣運用RecycleView的ItemDecoration（）方法來繪制分割線，但是我們不需要去寫style樣式，而我們用的樣式資源是從主類中傳遞過來的。如下圖

注意，我們這裡有個很大的坑。我的布局明明是居中的。例如方法一和方法二自定義分割線時總是靠左，而我要的效果是居中效果，如下：

那什麼造成的呢？又有什麼辦法去解決呢？我現在去查資料，下章就是解決靠在這個問題

demo:http://download.csdn.net/detail/bobo8945510/9657198

繼續閱讀

專訪鄧凡平：深入了解Android

與專家面對面：Android開發入門問與答

Android MVP架構MVCMVP

mvp初探

Android常用工具類簡介目錄

android常用工具類轉載自：http://www.trinea.cn/android/android-common-utils/Android常用工具類

Android常用工具類ToastUtilsSizeUtilsLogUtilsRetrofitManagerAnimUtil

Android Studio 0.8.0解決 Failure [INSTALL_FAILED_OLDER_SDK] 問題

Android – ListView 中添加按鈕，動态删除添加ItemView的操作

Kotlin的ListView與RecyclerView的簡單應用

關于公司的那些坑：Android Studio篇

android SQLite事務和kotlin協程

無法正常編譯錯誤Compilation failed to complete

關于Gradle配置的小結

AOP程式設計_Android優雅權限架構(1)概念基礎，2021金三銀四前言正文大綱正文

Android APK檔案反編譯Android APK檔案反編譯