Làm thế nào một dòng chia có thể được thêm vào trong RecyclerView của Android?

Tôi đang phát triển một ứng dụng Android nơi tôi đang sử dụng RecyclerView. Tôi cần phải thêm một chia trong RecyclerView. Tôi đã cố gắng thêm -

recyclerView.addItemDecoration(new
     DividerItemDecoration(getActivity(),
       DividerItemDecoration.VERTICAL_LIST));

bên dưới là mã xml của tôi -

   <android.support.v7.widget.RecyclerView
    android:id="@+id/drawerList"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp"
    />

Trong bản cập nhật tháng 10 năm 2016, thư viện hỗ trợ v25.0.0 hiện đã có cài đặt mặc định của các bộ chia ngang và dọc cơ bản có sẵn!

https://developer.android.com/reference/android/support/v7/widget/DividerItemDecor.html

 recyclerView.addItemDecoration(new DividerItemDecoration(recyclerView.getContext(), DividerItemDecoration.VERTICAL));

Cách đúng là định nghĩa ItemDecorationcho RecyclerViewnhư sau

SimpleDividerItemDecor.java

public class SimpleDividerItemDecoration extends RecyclerView.ItemDecoration {
    private Drawable mDivider;

    public SimpleDividerItemDecoration(Context context) {
        mDivider = context.getResources().getDrawable(R.drawable.line_divider);
    }

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int left = parent.getPaddingLeft();
        int right = parent.getWidth() - parent.getPaddingRight();

        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            View child = parent.getChildAt(i);

            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();

            int top = child.getBottom() + params.bottomMargin;
            int bottom = top + mDivider.getIntrinsicHeight();

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

line_divider.xml:

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

    <size
        android:width="1dp"
        android:height="1dp" />

    <solid android:color="@color/dark_gray" />

</shape>

Cuối cùng đặt nó như thế này

recyclerView.addItemDecoration(new SimpleDividerItemDecoration(this));

Biên tập

Như được chỉ ra bởi @Alan Solitar

context.getResources().getDrawable(R.drawable.line_divider); 

được khấu hao thay vì bạn có thể sử dụng

ContextCompat.getDrawable(context,R.drawable.line_divider);

Nếu bạn muốn có cả hai chiều ngang và dọc:

1. Xác định các ngăn kéo ngang & dọc:

   vertical_divider.xml

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android" >
     <size android:height="1dip" />
     <solid android:color="#22000000" />
   </shape>

   vertical_divider.xml

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android" >
       <size android:width="1dip" />
       <solid android:color="#22000000" />
   </shape>

2. Thêm đoạn mã này bên dưới:

   DividerItemDecoration verticalDecoration = new DividerItemDecoration(recyclerview.getContext(),
           DividerItemDecoration.HORIZONTAL);
   Drawable verticalDivider = ContextCompat.getDrawable(getActivity(), R.drawable.vertical_divider);
   verticalDecoration.setDrawable(verticalDivider);
   recyclerview.addItemDecoration(verticalDecoration);
   
   DividerItemDecoration horizontalDecoration = new DividerItemDecoration(recyclerview.getContext(),
           DividerItemDecoration.VERTICAL);
   Drawable horizontalDivider = ContextCompat.getDrawable(getActivity(), R.drawable.horizontal_divider);
   horizontalDecoration.setDrawable(horizontalDivider);
   recyclerview.addItemDecoration(horizontalDecoration);

Tất cả những câu trả lời này khiến tôi gần gũi nhưng mỗi câu đều thiếu một chi tiết quan trọng. Sau một chút nghiên cứu, tôi thấy con đường dễ nhất là sự kết hợp của 3 bước sau:

1. Sử dụng DividerItemDecoration của thư viện hỗ trợ
2. Tạo một dải phân cách với màu sắc phù hợp
3. Đặt bộ chia này trong chủ đề của bạn làm listDivider

Bước 1: trong khi cấu hình RecyclerView

recyclerView.addItemDecoration(
        new DividerItemDecoration(context, layoutManager.getOrientation()));

Bước 2: trong một tệp như res / drawable / spliter_gray.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <size android:width="1px" android:height="1px" />
    <solid android:color="@color/gray" />
</shape>

Bước 3: trong chủ đề của ứng dụng

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Other theme items above -->
    <item name="android:listDivider">@drawable/divider_gray</item>
</style>

EDIT: Đã cập nhật để bỏ qua bộ chia cuối cùng:
Sau khi sử dụng một chút, tôi nhận ra rằng nó đang vẽ một bộ chia sau mục cuối cùng, điều này gây khó chịu. Vì vậy, tôi đã sửa đổi Bước 1 như sau để ghi đè hành vi mặc định đó trong DividerItemDecor (tất nhiên, tạo một lớp riêng là một tùy chọn khác):

recyclerView.addItemDecoration(
        new DividerItemDecoration(context, layoutManager.getOrientation()) {
            @Override
            public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
                int position = parent.getChildAdapterPosition(view);
                // hide the divider for the last child
                if (position == parent.getAdapter().getItemCount() - 1) {
                    outRect.setEmpty();
                } else {
                    super.getItemOffsets(outRect, view, parent, state);
                }
            }
        }
);

Chỉ cần thêm Chế độ xem vào cuối bộ điều hợp mục của bạn:

<View
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:background="#FFFFFF"/>

Dưới đây là mã cho một bộ chia tùy chỉnh đơn giản (bộ chia dọc / chiều cao 1dp / đen):

Nó cho rằng bạn có Thư viện hỗ trợ:

compile "com.android.support:recyclerview-v7:25.1.1"

mã java

    DividerItemDecoration divider = new DividerItemDecoration(recyclerView.getContext(), DividerItemDecoration.VERTICAL);
    divider.setDrawable(ContextCompat.getDrawable(getBaseContext(), R.drawable.my_custom_divider));
    recyclerView.addItemDecoration(divider);

sau đó là mẫu tệp custom_divider.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <size android:height="1dp" />
    <solid android:color="@android:color/black" />
</shape>

Tạo một tệp xml riêng biệt trong thư mục res / drawable

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <size android:height="1dp" />
    <solid android:color="@android:color/black" />
</shape>

Kết nối tệp xml đó (your_file) tại hoạt động chính , như thế này:

DividerItemDecoration divider = new DividerItemDecoration(
    recyclerView.getContext(),
    DividerItemDecoration.VERTICAL
);
divider.setDrawable(ContextCompat.getDrawable(getBaseContext(), R.drawable.your_file));
recyclerView.addItemDecoration(divider);

Phiên bản Kotlin:

recyclerview.addItemDecoration(DividerItemDecoration(this, LinearLayoutManager.VERTICAL))

Tôi nghĩ bạn đang sử dụng Fragmentsđể cóRecyclerView

Chỉ cần thêm các dòng này sau khi tạo RecyclerViewvà LayoutManagerĐối tượng của bạn

DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(),
                DividerItemDecoration.VERTICAL);
        recyclerView.addItemDecoration(dividerItemDecoration);

Đó là nó!

Nó hỗ trợ cả định hướng HORIZONTAL và CHỨNG NHẬN.

Hãy thử mã dòng đơn giản này

recyclerView.addItemDecoration(new DividerItemDecoration(getContext(),LinearLayoutManager.VERTICAL)); 

Bạn cần thêm dòng tiếp theo ...

mRecyclerView.addItemDecoration(new DividerItemDecoration(getContext(), DividerItemDecoration.VERTICAL));

Cách tôi xử lý chế độ xem Divider và cả Divider Insets là bằng cách thêm tiện ích mở rộng RecyclerView.

1.

Thêm tệp mở rộng mới bằng cách đặt tên View hoặc RecyclerView:

RecyclerViewExtension.kt

và thêm setDividerphương thức mở rộng bên trong tệp RecyclerViewExtension.kt.

/*
* RecyclerViewExtension.kt
* */
import androidx.annotation.DrawableRes
import androidx.core.content.ContextCompat
import androidx.recyclerview.widget.DividerItemDecoration
import androidx.recyclerview.widget.RecyclerView


fun RecyclerView.setDivider(@DrawableRes drawableRes: Int) {
    val divider = DividerItemDecoration(
        this.context,
        DividerItemDecoration.VERTICAL
    )
    val drawable = ContextCompat.getDrawable(
        this.context,
        drawableRes
    )
    drawable?.let {
        divider.setDrawable(it)
        addItemDecoration(divider)
    }
}

2.

Tạo một tệp tài nguyên có thể vẽ bên trong drawablegói như recycler_view_divider.xml:

<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="10dp"
    android:insetRight="10dp">

    <shape>
        <size android:height="0.5dp" />
        <solid android:color="@android:color/darker_gray" />
    </shape>

</inset>

nơi bạn có thể chỉ định lề trái và phải trên android:insetLeftvà android:insetRight.

3.

Trên Activity hoặc Fragment của bạn nơi RecyclerView được khởi tạo, bạn có thể đặt drawable tùy chỉnh bằng cách gọi:

recyclerView.setDivider(R.drawable.recycler_view_divider)

4.

Chúc mừng

Vì vậy, đây có thể không phải là cách chính xác, nhưng tôi chỉ thêm một chế độ xem vào chế độ xem một mục duy nhất của RecyclerView (vì tôi không nghĩ có chức năng tích hợp sẵn) như vậy:

<View
    android:layout_width="fill_parent"
    android:layout_height="@dimen/activity_divider_line_margin"
    android:layout_alignParentBottom="true"
    android:background="@color/tasklist_menu_dividerline_grey" />

Điều này có nghĩa là mỗi mục sẽ có một dòng lấp đầy nó ở dưới cùng của nó. Tôi đã làm cho nó cao khoảng 1dp với một #111111nền tảng. Điều này cũng mang lại cho nó một loại hiệu ứng "3D".

Bạn có thể tạo một bộ chia có thể tái sử dụng đơn giản.

Tạo dải phân cách:

public class DividerItemDecorator extends RecyclerView.ItemDecoration {
    private Drawable mDivider;

    public DividerItemDecorator(Drawable divider) {
        mDivider = divider;
    }

    @Override
    public void onDraw(Canvas canvas, RecyclerView parent, RecyclerView.State state) {
        int dividerLeft = parent.getPaddingLeft();
        int dividerRight = parent.getWidth() - parent.getPaddingRight();

        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            View child = parent.getChildAt(i);

            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();

            int dividerTop = child.getBottom() + params.bottomMargin;
            int dividerBottom = dividerTop + mDivider.getIntrinsicHeight();

            mDivider.setBounds(dividerLeft, dividerTop, dividerRight, dividerBottom);
            mDivider.draw(canvas);
        }
    }
}

Tạo đường phân chia: spliter.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size
        android:width="1dp"
        android:height="1dp" />
    <solid android:color="@color/grey_300" />
</shape>

Thêm dải phân cách vào Recyclerview của bạn:

RecyclerView.ItemDecoration dividerItemDecoration = new DividerItemDecorator(ContextCompat.getDrawable(context, R.drawable.divider));
recyclerView.addItemDecoration(dividerItemDecoration);

Để xóa dải phân cách cho mục cuối cùng:

Để ngăn bản vẽ dải phân cách cho mục cuối cùng, bạn phải thay đổi dòng này.

for (int i = 0; i < childCount; i++) 

Đến

for (int i = 0; i < childCount-1; i++)

Việc thực hiện cuối cùng của bạn nên như thế này:

public class DividerItemDecorator extends RecyclerView.ItemDecoration {
    private Drawable mDivider;

    public DividerItemDecorator(Drawable divider) {
        mDivider = divider;
    }

    @Override
    public void onDraw(Canvas canvas, RecyclerView parent, RecyclerView.State state) {
        int dividerLeft = parent.getPaddingLeft();
        int dividerRight = parent.getWidth() - parent.getPaddingRight();

        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount - 1; i++) {
            View child = parent.getChildAt(i);

            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();

            int dividerTop = child.getBottom() + params.bottomMargin;
            int dividerBottom = dividerTop + mDivider.getIntrinsicHeight();

            mDivider.setBounds(dividerLeft, dividerTop, dividerRight, dividerBottom);
            mDivider.draw(canvas);
        }
    }
}

Hy vọng nó giúp:)

yqritc's RecyclerView- FlexDivider làm cho điều này trở thành một lớp lót. Đầu tiên thêm cái này vào build.gradle:

compile 'com.yqritc:recyclerview-flexibledivider:1.4.0' // requires jcenter()

Bây giờ bạn có thể định cấu hình và thêm bộ chia nơi bạn đặt bộ điều hợp của recyclerView:

recyclerView.setAdapter(myAdapter);
recyclerView.addItemDecoration(new HorizontalDividerItemDecoration.Builder(this).color(Color.RED).sizeResId(R.dimen.divider).marginResId(R.dimen.leftmargin, R.dimen.rightmargin).build());

Android chỉ làm cho những điều nhỏ nhặt quá phức tạp không may. Cách dễ nhất để đạt được những gì bạn muốn, mà không cần thực hiện DividerItemDecor tại đây:

Thêm màu nền cho RecyclerView vào màu chia mong muốn của bạn:

<RecyclerView
    android:id="@+id/rvList"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="@color/colorLightGray"
    android:scrollbars="vertical"
    tools:listitem="@layout/list_item"
    android:background="@android:color/darker_gray"/>

Thêm lề dưới (android: layout_marginBottom) vào thư mục gốc của mục (list_item.xml):

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="1dp">

    <TextView
        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="John Doe" />

    <TextView
        android:id="@+id/tvDescription"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tvName"
        android:text="Some description blah blah" />

</RelativeLayout>

Điều này sẽ cung cấp không gian 1dp giữa các mục và màu nền của RecyclerView (màu xám đậm sẽ xuất hiện dưới dạng dải phân cách).

Để làm cho câu trả lời của NJ đơn giản hơn một chút, bạn có thể làm:

public class DividerColorItemDecoration extends DividerItemDecoration {

    public DividerColorItemDecoration(Context context, int orientation) {
        super(context, orientation);
        setDrawable(ContextCompat.getDrawable(context, R.drawable.line_divider));
    }
}

Chỉ cần thêm một lề của số tiền x ở dưới cùng của một mục trong của bạn RecycleView Adapter.

onCreateViewHolder

LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);

layoutParams.setMargins(0, 0, 0, 5);
itemView.setLayoutParams(layoutParams);

recyclerview.addItemDecoration(new DividerItemDecoration(this, 0));

Trường hợp 0nằm ngang và 1là chính xác

  class ItemOffsetDecoration(
        context: Context,
        private val paddingLeft: Int,
        private val paddingRight: Int
    ) : RecyclerView.ItemDecoration() {
        private var mDivider: Drawable? = null

        init {
            mDivider = ContextCompat.getDrawable(context, R.drawable.divider_medium)
        }

        override fun onDrawOver(c: Canvas, parent: RecyclerView, state: RecyclerView.State) {
            val left = parent.paddingLeft + paddingLeft
            val right = parent.width - parent.paddingRight - paddingRight
            val childCount = parent.childCount
            for (i in 0 until childCount) {
                val child = parent.getChildAt(i)
                val params = child.layoutParams as RecyclerView.LayoutParams
                val top = child.bottom + params.bottomMargin
                val bottom = top + (mDivider?.intrinsicHeight ?: 0)

                mDivider?.let {
                    it.setBounds(left, top, right, bottom)
                    it.draw(c)
                }
            }
        }
    }

Bạn chỉ cần chỉ định một màu trong R.drawable.divider_medium

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/black" />
    <size
        android:height="1dp"
        android:width="1dp" />

</shape>

và thêm nó vào recyclerView của bạn

recyclerView.addItemDecoration(
                        ItemOffsetDecoration(
                            this,
                            resources.getDimension(resources.getDimension(R.dimen.dp_70).roundToInt()).roundToInt(),
                            0
                        )
                    )

giới thiệu lại

Giải pháp Bhuvanesh BS hoạt động. Phiên bản của Kotlin này:

import android.graphics.Canvas
import android.graphics.drawable.Drawable
import androidx.recyclerview.widget.RecyclerView

class DividerItemDecorator(private val mDivider: Drawable?) : RecyclerView.ItemDecoration() {

    override fun onDraw(
        canvas: Canvas,
        parent: RecyclerView,
        state: RecyclerView.State
    ) {

        val dividerLeft = parent.paddingLeft
        val dividerRight = parent.width - parent.paddingRight
        for (i in 0 until parent.childCount - 1) {
            val child = parent.getChildAt(i)
            val dividerTop =
                child.bottom + (child.layoutParams as RecyclerView.LayoutParams).bottomMargin
            val dividerBottom = dividerTop + mDivider!!.intrinsicHeight
            mDivider.setBounds(dividerLeft, dividerTop, dividerRight, dividerBottom)
            mDivider.draw(canvas)
        }
    }
}

tôi nghĩ đó là cách dễ nhất

mDividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(),
                DividerItemDecoration.VERTICAL);
// or DividerItemDecoration.HORIZONTALL
        mDividerItemDecoration.setDrawable(getDrawable(R.drawable.myshape));
        recyclerView.addItemDecoration(mDividerItemDecoration);

Lưu ý rằng: myshape có thể là hình chữ nhật với chiều cao bạn muốn làm dải phân cách