Làm cách nào để có thể thêm đường phân chia trong Android RecyclerView?

Tôi đang phát triển một ứng dụng Android mà tôi đang sử dụng RecyclerView. Tôi cần thêm một dải phân cách vào RecyclerView. Tôi đã cố thêm -

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

dưới đây 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ó triển khai mặc định của các bộ chia dọc và ngang cơ bản có sẵn!

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

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

Cách Ngay là xác định ItemDecorationcho RecyclerViewlà như sau

SimpleDividerItemDecoration.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

Theo chỉ dẫn của @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ả dải phân cách ngang và dọc:

1. Xác định các ngăn có thể kéo ngăn chia theo chiều ngang và chiều dọc:

   ngang_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 chúng đều thiếu một chi tiết quan trọng. Sau khi nghiên cứu một chút, tôi thấy con đường dễ dàng 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 dải phân cách với màu phù hợp
3. Đặt dải phân cách này trong chủ đề của bạn làm danh sách

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

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

Bước 2: trong một tệp như res / drawable / divider_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>

CHỈNH SỬA: Đã cập nhật để bỏ qua dải phân cách cuối cùng:
Sau khi sử dụng nó một chút, tôi nhận ra rằng nó đang vẽ một dải phân cách sau mục cuối cùng, điều này thật khó chịu. Vì vậy, tôi đã sửa đổi Bước 1 như sau để ghi đè hành vi mặc định đó trong DividerItemDecoration (tất nhiên, tạo một lớp riêng biệt 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 ở 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"/>

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

Giả sử 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);

thì 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>

Phiên bản Kotlin:

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

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ư sau:

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

Cách tôi xử lý chế độ xem dải phân cách và cả nội bộ phân chia 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 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à lề phải trên android:insetLeftvà android:insetRight.

3.

Trên Hoạt động hoặc Phân đoạn của bạn nơi RecyclerView được khởi tạo, bạn có thể đặt có thể vẽ tùy chỉnh bằng cách gọi:

recyclerView.setDivider(R.drawable.recycler_view_divider)

4.

Chúc mừng 🍺

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

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

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

Chỉ cần thêm những 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 NGANG và ĐỨNG.

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

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

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 của RecyclerView (vì tôi không nghĩ rằng có một 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 điền vào nó ở dưới cùng của nó. Tôi đã làm cho nó cao khoảng 1dp với #111111nền. Điều này cũng tạo cho nó một loại hiệu ứng "3D".

Bạn có thể tạo một dải phân cách 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 dòng phân cách: 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/grey_300" />
</shape>

Thêm bộ chia vào Chế độ xem lại của bạn:

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

Để loại bỏ dải phân cách cho mục cuối cùng:

Để ngăn việc 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 triển khai cuối cùng của bạn sẽ 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:)

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

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

Giờ đây, bạn có thể định cấu hình và thêm một bộ phân 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());

Thật không may, Android chỉ làm cho những thứ nhỏ trở nên quá phức tạp. Cách dễ dàng nhất để đạt được những gì bạn muốn mà không cần triển khai DividerItemDecoration tại đây:

Thêm màu nền vào RecyclerView thành màu dải phân cách 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 gốc bố cụ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 khoảng trống 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 số tiền lề x vào cuối 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));

Đâu 0là Ngang và 1là Xác minh

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 mà bạn muốn làm dải phân cách của mình

  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 Chế độ xem tái chế của bạn

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

giới thiệu cái này

Giải pháp Bhuvanesh BS hoạt động. Phiên bản Kotlin của cái 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)
        }
    }
}

Được rồi, nếu bạn không cần thay đổi màu dải phân cách, chỉ cần áp dụng alpha cho trang trí dải phân cách.

Ví dụ cho GridLayoutManager với tính minh bạch:

DividerItemDecoration horizontalDividerItemDecoration = new DividerItemDecoration(WishListActivity.this,
                DividerItemDecoration.HORIZONTAL);
        horizontalDividerItemDecoration.getDrawable().setAlpha(50);
        DividerItemDecoration verticalDividerItemDecoration = new DividerItemDecoration(WishListActivity.this,
                DividerItemDecoration.VERTICAL);
        verticalDividerItemDecoration.getDrawable().setAlpha(50);
        my_recycler.addItemDecoration(horizontalDividerItemDecoration);
        my_recycler.addItemDecoration(verticalDividerItemDecoration);

Bạn vẫn có thể thay đổi màu của các dải phân cách bằng cách chỉ cần thiết lập các bộ lọc màu cho nó.

Ví dụ cho GridLayoutManager bằng cách đặt màu:

DividerItemDecoration horizontalDividerItemDecoration = new DividerItemDecoration(WishListActivity.this,
                DividerItemDecoration.HORIZONTAL);
        horizontalDividerItemDecoration.getDrawable().setTint(getResources().getColor(R.color.colorAccent));
        DividerItemDecoration verticalDividerItemDecoration = new DividerItemDecoration(WishListActivity.this,
                DividerItemDecoration.VERTICAL);
        verticalDividerItemDecoration.getDrawable().setAlpha(50);
        my_recycler.addItemDecoration(horizontalDividerItemDecoration);
        my_recycler.addItemDecoration(verticalDividerItemDecoration);

Ngoài ra, bạn cũng có thể thử thiết lập bộ lọc màu,

 horizontalDividerItemDecoration.getDrawable().setColorFilter(colorFilter);