RecyclerView 添加分割線

RecyclerView 的條目之間沒有分割線东抹,需要我們自己去定義添加

第一步,自定義一個類繼承于 RecyclerView.ItemDecoration

public class MyItemDecoration extends RecyclerView.ItemDecoration {
    private Context mContext;
    private Drawable mDivider;
    private int mOrientation;
    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;
    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;


    //我們通過獲取系統(tǒng)屬性中的listDivider來添加本缠,在系統(tǒng)中的AppTheme中設置
    public static final int[] ATRRS = new int[]{
            android.R.attr.listDivider
    };

    /**
     * 默認分割線
     * @param context
     * @param orientation
     */
    public MyItemDecoration(Context context, int orientation) {
        this.mContext = context;
        final TypedArray ta = context.obtainStyledAttributes(ATRRS);
        this.mDivider = ta.getDrawable(0);
        ta.recycle();
        setOrientation(orientation);
    }




    //設置屏幕的方向
    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        if (mOrientation == HORIZONTAL_LIST) {
            drawVerticalLine(c, parent, state);
        } else {
            drawHorizontalLine(c, parent, state);
        }
    }

    //畫橫線, 這里的parent其實是顯示在屏幕顯示的這部分
    public void drawHorizontalLine(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int left = parent.getPaddingLeft();
        int right = parent.getWidth() - parent.getPaddingRight();
        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);

            //獲得child的布局信息
            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);
            //Log.d("wnw", left + " " + top + " "+right+"   "+bottom+" "+i);
        }
    }

    //畫豎線
    public void drawVerticalLine(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int top = parent.getPaddingTop();
        int bottom = parent.getHeight() - parent.getPaddingBottom();
        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);

            //獲得child的布局信息
            final 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);
        }
    }

    //由于Divider也有長寬高斥扛,每一個Item需要向下或者向右偏移
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        if (mOrientation == HORIZONTAL_LIST) {
            //畫橫線,就是往下偏移一個分割線的高度
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            //畫豎線丹锹,就是往右偏移一個分割線的寬度
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        }
    }
}

第二步稀颁,在代碼中設置

 //設置分割線
mFragmentRecyclerview.addItemDecoration(new MyItemDecoration(getActivity(),LinearLayoutManager.VERTICAL));

第三步,修改分割線的顏色和高度楣黍,需要在 AppTheme 中設置

 <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <!--android:listDivider 是為了設置 recyclerview 的分割線的顏色高度等信息-->
        <item name="android:listDivider">@drawable/shape_line</item>
  • shape_line.xml 是一個自定義的 shape 匾灶,可以設置 shape 來改變顏色和高度
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--控制 recyclerView 分割線的顏色和高度-->
    <solid android:color="@color/dark_gray"></solid>
    <size android:height="10dp"></size>
</shape>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市租漂,隨后出現的幾起案子阶女,更是在濱河造成了極大的恐慌,老刑警劉巖哩治,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件秃踩,死亡現場離奇詭異,居然都是意外死亡业筏,警方通過查閱死者的電腦和手機憔杨,發(fā)現死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蒜胖,“玉大人芍秆,你說我怎么就攤上這事〈涿悖” “怎么了妖啥?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長对碌。 經常有香客問我荆虱,道長,這世上最難降的妖魔是什么朽们? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任怀读,我火速辦了婚禮,結果婚禮上骑脱,老公的妹妹穿的比我還像新娘菜枷。我一直安慰自己,他們只是感情好叁丧,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布啤誊。 她就那樣靜靜地躺著岳瞭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蚊锹。 梳的紋絲不亂的頭發(fā)上瞳筏,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機與錄音牡昆,去河邊找鬼姚炕。 笑死,一個胖子當著我的面吹牛丢烘,可吹牛的內容都是我干的柱宦。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼播瞳,長吁一口氣:“原來是場噩夢啊……” “哼掸刊!你這毒婦竟也來了?” 一聲冷哼從身側響起狐史,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤痒给,失蹤者是張志新(化名)和其女友劉穎说墨,沒想到半個月后骏全,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡尼斧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年姜贡,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片棺棵。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡楼咳,死狀恐怖,靈堂內的尸體忽然破棺而出烛恤,到底是詐尸還是另有隱情母怜,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布缚柏,位于F島的核電站苹熏,受9級特大地震影響,放射性物質發(fā)生泄漏币喧。R本人自食惡果不足惜轨域,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望杀餐。 院中可真熱鬧干发,春花似錦、人聲如沸史翘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至搀暑,卻和暖如春沥阳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背自点。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工桐罕, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人桂敛。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓功炮,卻偏偏與公主長得像,于是被迫代替她去往敵國和親术唬。 傳聞我的和親對象是個殘疾皇子薪伏,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內容

  • 版權聲明:本文源自簡書tianma,轉載請務必注明出處: http://www.reibang.com/p/bc6...
    tianma閱讀 1,409評論 0 0
  • 在平時開發(fā)中粗仓,一直沒有用到 Android提供的ItemDecoration來設置分割線嫁怀,不太熟悉用法,基本都是寫...
    972ac0603088閱讀 1,457評論 0 0
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,524評論 25 707
  • 兩種方案: 1.在子布局文件中在相應的位置添加一條分割線借浊。 2.使用RecyclerView提供的addItemD...
    mianbaocheng閱讀 642評論 0 0
  • 幾片新葉塘淑,一杯山泉,如何能見心消塵蚂斤。 茶說存捺,一飲喉吻潤,二飲破孤悶曙蒸,三飲搜枯腸捌治,四飲發(fā)輕汗,五飲肌膚清纽窟,六飲通仙靈...
    面包嬸閱讀 689評論 0 2