Как добавить разделители и пробелы между элементами в RecyclerView?


938

Это пример того, как это можно было сделать ранее в ListViewклассе, используя параметры divider и dividerHeight :

<ListView
    android:id="@+id/activity_home_list_view"
    android:layout_width="match_parent" 
    android:layout_height="match_parent"
    android:divider="@android:color/transparent"
    android:dividerHeight="8dp"/>

Однако я не вижу такой возможности в RecyclerViewклассе.

<android.support.v7.widget.RecyclerView
    android:id="@+id/activity_home_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scrollbars="vertical"/>

В этом случае можно ли определять поля и / или добавлять пользовательский вид делителя непосредственно в макет элемента списка или есть лучший способ достичь моей цели?



@EyesClear Добавьте элементы <TextView /> в другой xml и используйте его в списке Same Activity.
— Амитшарма

7
Есть класс поддержки в lib com.homeretailgroup.argos.android.view.decorators.DividerItemDecorationи используйте его так:mRecyclerView.addItemDecoration(new DividerItemDecoration(activity, LinearLayoutManager.VERTICAL));
— fada21

Вы можете добавить нижнее поле в свой элемент списка для вертикальных списков и, возможно, его можно использовать в качестве разделителя?
— resw67

Самый простой способ - добавить верхние / нижние поля вокруг первого элемента в строке адаптера. андроид: layout_marginBottom = "4ДП". (Обратите внимание, что добавление полей в родительский макет не приведет к его сокращению.)
— pstorli

Ответы:


1228

Обновление за октябрь 2016

В версии 25.0.0 библиотеки поддержки Android представлен DividerItemDecorationкласс:

DividerItemDecoration - это RecyclerView.ItemDecoration, который можно использовать в качестве разделителя между элементами объекта LinearLayoutManager. Он поддерживает как HORIZONTALи VERTICALориентации.

Применение:

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

Предыдущий ответ

В некоторых ответах либо используются методы, которые с тех пор устарели, либо они не дают полного решения, поэтому я попытался сделать короткую, актуальную сводку.


В отличие от этого ListView, RecyclerViewкласс не имеет параметров, связанных с делителем. Вместо этого вам необходимо расширить ItemDecoration, A RecyclerView«S внутренний класс:

ItemDecorationПозволяет приложению добавить специальный рисунок и расположение смещение конкретных представлений элементов из набора данных адаптера. Это может быть полезно для рисования разделителей между элементами, бликами, визуальными границами группировки и многим другим.

Все ItemDecorationsрисуются в порядке их добавления, до представления элементов (в onDraw()) и после пунктов (в onDrawOver ( Canvas, RecyclerView, RecyclerView.State).

Vertical расстояние ItemDecoration

Расширить ItemDecoration, добавить пользовательский конструктор, который принимает пространство heightв качестве параметра и переопределить getItemOffsets()метод:

public class VerticalSpaceItemDecoration extends RecyclerView.ItemDecoration {

    private final int verticalSpaceHeight;

    public VerticalSpaceItemDecoration(int verticalSpaceHeight) {
        this.verticalSpaceHeight = verticalSpaceHeight;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
            RecyclerView.State state) {
        outRect.bottom = verticalSpaceHeight;
    }
}

Если вы не хотите вставлять пробел под последним элементом, добавьте следующее условие:

if (parent.getChildAdapterPosition(view) != parent.getAdapter().getItemCount() - 1) {
            outRect.bottom = verticalSpaceHeight;
}

Примечание: Вы также можете изменить outRect.top, outRect.leftи outRect.rightсвойство для достижения желаемого эффекта.

делитель ItemDecoration

Расширить ItemDecorationи переопределить onDraw()метод:

public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};

    private Drawable divider;

    /**
     * Default divider will be used
     */
    public DividerItemDecoration(Context context) {
        final TypedArray styledAttributes = context.obtainStyledAttributes(ATTRS);
        divider = styledAttributes.getDrawable(0);
        styledAttributes.recycle();
    }

    /**
     * Custom divider will be used
     */
    public DividerItemDecoration(Context context, int resId) {
        divider = ContextCompat.getDrawable(context, resId);
    }

    @Override
    public void onDraw(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 + divider.getIntrinsicHeight();

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

Вы можете либо вызвать первый конструктор, который использует атрибуты делителя Android по умолчанию, либо второй, который использует ваш собственный drawable, например drawable /divr.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="#ff992900" />
</shape>

Примечание: если вы хотите, чтобы разделитель отображался поверх ваших элементов, используйте onDrawOver()метод переопределения .

Применение

Чтобы использовать ваш новый класс add VerticalSpaceItemDecorationили DividerSpaceItemDecorationto RecyclerView, например, в onCreateView()методе вашего фрагмента :

private static final int VERTICAL_ITEM_SPACE = 48;
private RecyclerView recyclerView;
private LinearLayoutManager linearLayoutManager;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.fragment_feed, container, false);

    recyclerView = (RecyclerView) rootView.findViewById(R.id.fragment_home_recycler_view);
    linearLayoutManager = new LinearLayoutManager(getActivity());
    recyclerView.setLayoutManager(linearLayoutManager);

    //add ItemDecoration
    recyclerView.addItemDecoration(new VerticalSpaceItemDecoration(VERTICAL_ITEM_SPACE));
    //or
    recyclerView.addItemDecoration(new DividerItemDecoration(getActivity()));
    //or
    recyclerView.addItemDecoration(
            new DividerItemDecoration(getActivity(), R.drawable.divider));

    recyclerView.setAdapter(...);

    return rootView;
}

Также есть библиотека Лукаса Роча, которая должна упростить процесс украшения предметов. Хотя не пробовал.

Среди его особенностей :

  • Коллекция художественных оформлений, включающих в себя:
  • Расстояние между предметами Горизонтальные / вертикальные разделители.
  • Пункт списка

3
@droppin_science Поправьте меня, если я ошибаюсь, но я не создаю никаких объектов в onDraw(). Я просто ссылаюсь на уже существующие экземпляры.
— EyesClear

1
Интересно, будет ли хорошей идеей использовать Paint вместо создания рисования? Тогда я могу позвонить canvas.drawLine(startX, startY, stopX, stopY, mPaint)в onDrawOver? Есть разница в производительности?
— Арст

1
Просто информативный комментарий: всегда добавляйте пробел к последнему элементу, если вы планируете добавить элементы позже в свой список. Если вы этого не сделаете, при добавлении элемента у него не будет места. Спасибо за VerticalSpace!
— Цухаресу

24
DividerItemDecoration, как показано выше, не будет работать, если элементы полностью непрозрачны, разделители будут перезаписаны элементами. В этом случае вам также необходимо переопределить getItemOffsets () и добавить нижнее смещение в outRect, чтобы разделитель оказался вне элемента. В качестве альтернативы, вы можете переопределить onDrawOver () вместо onDraw (), чтобы нарисовать разделитель, влияющий на элемент.
— Jpop

116
Целая страница кода, чтобы просто добавить разделитель к recyclerView - лучший ответ. Позор тебе, гугл.
— заботливый7

480

Просто добавь

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

Также вам может понадобиться добавить зависимость
compile 'com.android.support:recyclerview-v7:27.1.0'

РЕДАКТИРОВАТЬ:

Чтобы немного его настроить, вы можете добавить собственный чертеж:

DividerItemDecoration itemDecorator = new DividerItemDecoration(getContext(), DividerItemDecoration.VERTICAL);
itemDecorator.setDrawable(ContextCompat.getDrawable(getContext(), R.drawable.divider));

Вы можете использовать любой пользовательский объект, например:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="@color/colorPrimary"/>
    <size android:height="0.5dp"/>
</shape>

Активность не нужна. Достаточно контекста
— mac229

Это должен быть правильный ответ. Plz, измените getActivity, чтобы просто контекст.
— Джон Фреди Трухильо Ортега

Также лучше получить ориентацию от вашего LayoutManager.
— lsrom

Спасибо! Также вы можете использовать Configurationдля вертикального делителя:if (orientation == Configuration.ORIENTATION_LANDSCAPE) { recyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.HORIZONTAL)); } else { recyclerView.addItemDecoration(new DividerItemDecoration(this, DividerItemDecoration.VERTICAL));}
— AlexS

4
Хороший ответ, но он добавляет разделитель также после последнего элемента.
— CoolMind

256

Могу я обратить ваше внимание на этот конкретный файл на Github Алекса Фу: https://gist.github.com/alexfu/0f464fc3742f134ccd1e

Это файл примера DividerItemDecoration.java, "извлеченный прямо из демонстрационных роликов поддержки". ( Https://plus.google.com/103498612790395592106/posts/VVEB3m7NkSS )

После импорта этого файла в мой проект я смог получить разделительные линии и добавить его в качестве украшения элемента в представление переработчика.

Вот как выглядит мой onCreateView в моем фрагменте, содержащем Recyclerview:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.fragment_recycler_view, container, false);

    mRecyclerView = (RecyclerView) rootView.findViewById(R.id.my_recycler_view);
    mRecyclerView.addItemDecoration(new DividerItemDecoration(getActivity(), DividerItemDecoration.VERTICAL_LIST));

    mRecyclerView.setHasFixedSize(true);
    mLayoutManager = new LinearLayoutManager(getActivity());
    mRecyclerView.setLayoutManager(mLayoutManager);
    mRecyclerView.setItemAnimator(new DefaultItemAnimator());

    return rootView;
}

Я уверен, что можно сделать дополнительный стиль, но это отправная точка. :)


Как добавить вместо заменить те: «footerDividersEnabled», «headerDividersEnabled», «listSelector», «fastScrollEnabled», «smoothScrollbar», «textFilterEnabled»?
— Android-разработчик

Любые входы на Как поставить Styling?
— nizam.sp

Чтобы стилизовать это решение, вам нужно переопределить атрибут «android: listDivider» в вашей теме
— Павел Дудка

1
Делитель не работает с RecyclerView. Вам необходимо использовать RecyclerView.itemDecoration. Смотрите этот ответ: stackoverflow.com/a/27664023/2311451
— Cocorico

3
почему разделитель расширяет всю ширину элемента? как отобразить как в спецификации google.com/design/spec/components/lists.html#lists-specs
— чип

156

Простая ItemDecorationреализация для равных мест между всеми элементами.

public class SpacesItemDecoration extends RecyclerView.ItemDecoration {
    private int space;

    public SpacesItemDecoration(int space) {
        this.space = space;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        outRect.left = space;
        outRect.right = space;
        outRect.bottom = space;

        // Add top margin only for the first item to avoid double space between items
        if(parent.getChildAdapterPosition(view) == 0) {
            outRect.top = space;
        }
    }
}

я получаю место, но как мне получить делитель
— Pankaj Nimgade

26
getChildPositionтеперь устарела, getChildAdapterPositionможет использоваться вместо
— EyesClear

4
Не забудьте (как я) удалить вызов super.getItemOffsets, иначе ваши смещения будут перезаписаны.
— Jayeffkay

@EyesClear не должен getChildLayoutPositionбыть использован?
— Авинаш Р

3
это реализует интервал в пикселях?
— filthy_wizard

108

Самый простой - установить цвет фона для RecyclerView и другой цвет фона для элементов. Вот пример ...

<android.support.v7.widget.RecyclerView
    android:background="#ECEFF1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbars="vertical"/>

и элемент TextView (это может быть что угодно) с нижним полем «x» dp или px.

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

Выход ...

введите описание изображения здесь


2
Какой трюк! нужно только сохранить список белым при загрузке.
— Хамзех Собох

36
Остерегайтесь овердрайта!
— Сим

@ Шем, не могли бы вы уточнить?
— RominaV

7
При рисовании в Android нескольких слоев один над другим (фон активности, фон повторного просмотра и фон представления элементов) - Android рисует их все, а также те, которые не видны пользователям. Это называется overdraw и может повлиять на вашу производительность, подробнее об этом здесь: youtube.com/watch?v=T52v50r-JfE
— shem

41

Я думаю, что использование простого разделителя поможет вам

добавить разделитель для каждого элемента:
1- Добавьте это в каталог drawable 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="#999999" />
</shape>

2. Создание класса SimpleDividerItemDecoration.
Я использовал этот пример для определения этого класса:
https://gist.github.com/polbins/e37206fbc444207c0e92

package com.example.myapp;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import com.example.myapp.R;

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

public SimpleDividerItemDecoration(Resources resources) {
    mDivider = resources.getDrawable(R.drawable.line_divider);
}

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);
    }
  }
}


3- В упражнении или фрагменте, которые используют RecyclerView, внутри onCreateView добавьте это:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
 RecyclerView myRecyclerView = (RecyclerView) layout.findViewById(R.id.my_recycler_view);
 myRecyclerView.addItemDecoration(new SimpleDividerItemDecoration(getResources()));
 ....
 }


4- Чтобы добавить интервал между Предметами,
вам просто нужно добавить свойство отступов к вашему виду.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent"
android:padding="4dp"
>
..... item structure
</RelativeLayout>

Как заставить это работать для GridLayoutManager, для показа вертикальных разделителей также между ячейками?
— разработчик Android

2
resources.getDrawable () теперь устарела. Вы можете передать контекст и использовать ContextCompat.getDrawable (context, R.drawable.line_divider)
— Эрик Б.

36

Как я и установил ItemAnimators. ItemDecoratorНе входить или выходить вместе с анимацией.

Я просто получил строку представления в файле макета представления каждого элемента. Это решило мой случай. DividerItemDecorationчувствовал себя слишком большим колдовством для простого делителя.

<View
    android:layout_width="match_parent"
    android:layout_height="1px"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:background="@color/lt_gray"/>

Вы правы. Анимации не работают с ItemDecoration. Я не уверен почему, но без указания чего-либо, я получаю анимацию, и я нахожу это очень отвлекающим и уродливым, что линии, созданные ItemDecoration, не следуют. Поэтому я буду использовать решение, подобное вашему.
— Мишель

Как вы справились с последним пунктом?
— старше

@oldergod. Вы указали на правую болевую точку. Сначала я согласился бы с дизайном, чтобы иметь разделитель и для последнего элемента. Но если ты этого не хочешь. назначьте идентификатор этому представлению и скройте в bindView, если позиция является последней.
— Javanator

@Javanator Я вижу хорошо, тот же подход, который я выбрал. Спасибо.
— старше

самый простой самый лучший
— hyyou2010

27

Это просто, вам не нужен такой сложный код

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

Добавьте это в свой чертеж: 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:height="1dp" />
    <solid android:color="@android:color/black" />
</shape>

21

Поскольку пока нет правильного способа реализовать это с помощью Material Design, я просто выполнил следующий трюк, чтобы напрямую добавить разделитель в элемент списка:

<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/dividerColor"/>

DividerItemDecoration перестает работать после того, как у меня есть некоторая информация о высоте дизайна материала (чтобы получить тот же эффект, что и в Inbox); это слишком сложно для простой вещи. Это решение простое и работает.
— DenisGL

21

Способ работы с представлением «Разделитель», а также «Вставки разделителя» заключается в добавлении расширения RecyclerView.

1.

Добавьте новый файл расширения с именем View или RecyclerView:

RecyclerViewExtension.kt

и добавьте setDividerметод расширения в файл 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.

Создайте файл ресурсов Drawable внутри drawableпакета, например 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>

где вы можете указать левый и правый край на android:insetLeftи android:insetRight.

3.

В вашей Деятельности или Фрагменте, где инициализируется RecyclerView, вы можете установить настраиваемое рисование, вызвав:

recyclerView.setDivider(R.drawable.recycler_view_divider)

4.

Приветствия 🍺

RecyclerView строка с разделителем.


16

Если кто-то хочет добавить, скажем, 10dp интервал между элементами, вы можете сделать это, установив drawable в DividerItemDecoration:

DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(
    recyclerView.getContext(),
    layoutManager.getOrientation()
);

dividerItemDecoration.setDrawable(
    ContextCompat.getDrawable(getContext(), R.drawable.divider_10dp)
); 

Где divider_10dpрисованный ресурс, содержащий:

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <size android:height="10dp"/>
    <solid android:color="@android:color/transparent"/>
</shape>


11

На самом деле это не решает проблему, но в качестве временного обходного пути вы можете установить свойство useCompatPadding на карточке в макете XML, чтобы оно измерялось так же, как и в версиях до Lollipop.

card_view:cardUseCompatPadding="true"


11

Для тех , кто ищет только для пространств между элементами в RecyclerViewсм моего подход , при котором вы получаете равные промежутки между всеми деталями, за исключением первых и последних пунктами , где я дал большие отступы. Я применяю отступы только влево / вправо по горизонтали LayoutManagerи сверху / снизу по вертикали LayoutManager.

public class PaddingItemDecoration extends RecyclerView.ItemDecoration {

    private int mPaddingPx;
    private int mPaddingEdgesPx;

    public PaddingItemDecoration(Activity activity) {
        final Resources resources = activity.getResources();
        mPaddingPx = (int) resources.getDimension(R.dimen.paddingItemDecorationDefault);
        mPaddingEdgesPx = (int) resources.getDimension(R.dimen.paddingItemDecorationEdge);
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);

        final int itemPosition = parent.getChildAdapterPosition(view);
        if (itemPosition == RecyclerView.NO_POSITION) {
            return;
        }
        int orientation = getOrientation(parent);
        final int itemCount = state.getItemCount();

        int left = 0;
        int top = 0;
        int right = 0;
        int bottom = 0;

        /** HORIZONTAL */
        if (orientation == LinearLayoutManager.HORIZONTAL) {
            /** all positions */
            left = mPaddingPx;
            right = mPaddingPx;

            /** first position */
            if (itemPosition == 0) {
                left += mPaddingEdgesPx;
            }
            /** last position */
            else if (itemCount > 0 && itemPosition == itemCount - 1) {
                right += mPaddingEdgesPx;
            }
        }
        /** VERTICAL */
        else {
            /** all positions */
            top = mPaddingPx;
            bottom = mPaddingPx;

            /** first position */
            if (itemPosition == 0) {
                top += mPaddingEdgesPx;
            }
            /** last position */
            else if (itemCount > 0 && itemPosition == itemCount - 1) {
                bottom += mPaddingEdgesPx;
            }
        }

        if (!isReverseLayout(parent)) {
            outRect.set(left, top, right, bottom);
        } else {
            outRect.set(right, bottom, left, top);
        }
    }

    private boolean isReverseLayout(RecyclerView parent) {
        if (parent.getLayoutManager() instanceof LinearLayoutManager) {
            LinearLayoutManager layoutManager = (LinearLayoutManager) parent.getLayoutManager();
            return layoutManager.getReverseLayout();
        } else {
            throw new IllegalStateException("PaddingItemDecoration can only be used with a LinearLayoutManager.");
        }
    }

    private int getOrientation(RecyclerView parent) {
        if (parent.getLayoutManager() instanceof LinearLayoutManager) {
            LinearLayoutManager layoutManager = (LinearLayoutManager) parent.getLayoutManager();
            return layoutManager.getOrientation();
        } else {
            throw new IllegalStateException("PaddingItemDecoration can only be used with a LinearLayoutManager.");
        }
    }
}

dimens.xml

<resources>
    <dimen name="paddingItemDecorationDefault">10dp</dimen>
    <dimen name="paddingItemDecorationEdge">20dp</dimen>
</resources>

11

Добавьте маржу к вашему мнению, это сработало для меня.

android:layout_marginTop="10dp"

Если вы просто хотите , чтобы добавить равное расстояние и хотите сделать это в XML , просто установить paddingна свой RecyclerViewи равное количество layoutMarginдля элемента , который вы раздувать в ваш RecyclerView, и пусть цвет фона определяют цвет интервала.


3
Хотя это будет работать, это не правильный ответ, например, потому что это не решает проблему, не делая лишних вещей с расположением строк, также, в верхней части появится поле x1, между строками поле x2.
— Sreekanth Karumanaghat

Это не очень хорошая идея, потому что к overscrollэффекту при перетаскивании в конце списка будет добавлен ненужный отступ, когда к нему применяется RecyclerView
— отступ

Лучше обернуть макет элемента в CardView Support Library, чтобы вы могли контролировать другие атрибуты, например высоту / тень и т. Д .: <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="10dp" card_view:cardElevation="4dp" <!-- your item's XML here --> </android.support.v7.widget.CardView>
— kip2

11
  • Вот простой взломать, чтобы добавить разделитель
  • Просто добавьте фон к макету вашего предмета утилизации следующим образом

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/shape_border"
        android:gravity="center"
        android:orientation="horizontal"
        android:padding="5dp">
    
    <ImageView
        android:id="@+id/imageViewContactLogo"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_marginRight="10dp"
        android:src="@drawable/ic_user" />
    
    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.92"
        android:gravity="center|start"
        android:orientation="vertical">
    
    <TextView
        android:id="@+id/textViewContactName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:text="Large Text"
        android:textAppearance="?android:attr/textAppearanceLarge" />
    
    <TextView
        android:id="@+id/textViewStatusOrNumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:singleLine="true"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>
    
    <TextView
        android:id="@+id/textViewUnreadCount"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:padding="5dp"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@color/red"
        android:textSize="22sp" />
    
    <Button
        android:id="@+id/buttonInvite"
        android:layout_width="54dp"
        android:layout_height="wrap_content"
        android:background="@drawable/ic_add_friend" />
    </LinearLayout>

Создайте следующий shape_border.xml в папке drawable

  <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle" >
       <gradient
        android:angle="270"
        android:centerColor="@android:color/transparent"
        android:centerX="0.01"
        android:startColor="#000" />
    </shape>

Вот окончательный результат - RecyclerView с разделителем.

Вот окончательный результат - RecyclerView с разделителем.


1
Это не предпочтительный подход. Хотя @EyesClear ответ инициированные Int находится в OnDraw и , parent.getChildAdapterPosition(view) != parent.getAdapter().getItemCount() - 1вероятно , следует parent.getChildAdapterPosition(view) > 0с outRect.bottom = mVerticalSpaceHeightстав outRect.top = mVerticalSpaceHeightдолжно быть приемлемым ответом.
— droppin_science

@droppin_science - Вы не можете пренебрегать этим, просто сказав, что это не предпочтительный подход, он дает мне точные результаты, как и ожидалось, я также смотрю на ответ EyesClear, но этот ответ слишком сложен для простого делителя, однако, если есть необходимость Затем сделайте дополнительное украшение предметом, который может быть принятым ответом.
— турбандроид

Для опущенных избирателей этот ответ был дан в то время, когда не было официальных классов для DividerItemDecoration, поэтому просто сравните временной промежуток между этим ответом и следующим ответом, данным Лео Дроидкодером. :)
— турбандроид

9

Я раздвоил DividerItemDecoration из более ранней сущности и упростил его, чтобы он соответствовал моему сценарию использования, и я также изменил его, чтобы нарисовать разделители так, как они нарисованы в ListView, включая разделитель после последнего элемента списка. Это также будет обрабатывать вертикальную анимацию ItemAnimator:

1) Добавьте этот класс в ваш проект:

public class DividerItemDecoration extends RecyclerView.ItemDecoration {
    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
    private Drawable divider;

    public DividerItemDecoration(Context context) {
        try {
            final TypedArray a = context.obtainStyledAttributes(ATTRS);
            divider = a.getDrawable(0);
            a.recycle();
        } catch (Resources.NotFoundException e) {
            // TODO Log or handle as necessary.
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        if (divider == null) return;
        if (parent.getChildAdapterPosition(view) < 1) return;

        if (getOrientation(parent) == LinearLayoutManager.VERTICAL)
            outRect.top = divider.getIntrinsicHeight();
        else
            throw new IllegalArgumentException("Only usable with vertical lists");
    }

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        if (divider == null) {
            super.onDrawOver(c, parent, state);
            return;
        }

        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();
        final int childCount = parent.getChildCount();

        for (int i = 0; i < childCount; ++i) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int size = divider.getIntrinsicHeight();
            final int top = (int) (child.getTop() - params.topMargin - size + child.getTranslationY());
            final int bottom = top + size;
            divider.setBounds(left, top, right, bottom);
            divider.draw(c);

            if (i == childCount - 1) {
                final int newTop = (int) (child.getBottom() + params.bottomMargin + child.getTranslationY());
                final int newBottom = newTop + size;
                divider.setBounds(left, newTop, right, newBottom);
                divider.draw(c);
            }
        }
    }

    private int getOrientation(RecyclerView parent) {
        if (!(parent.getLayoutManager() instanceof LinearLayoutManager))
            throw new IllegalStateException("Layout manager must be an instance of LinearLayoutManager");
        return ((LinearLayoutManager) parent.getLayoutManager()).getOrientation();
    }
}

2) Добавьте декоратор в свой RecylerView:

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

Правильно, это предназначено для LinearLayoutManager. Вы можете воспользоваться этой идеей, чтобы адаптировать ее для GridLayoutManager.
— Изучите OpenGL ES

8

Вместо того, чтобы создать shape xmlдля изменения высоты и цвета разделителя. Вы можете создать программно как

val divider = DividerItemDecoration(context,
        DividerItemDecoration.VERTICAL)

divider.setDrawable(ShapeDrawable().apply {
    intrinsicHeight = resources.getDimensionPixelOffset(R.dimen.dp_15)
    paint.color = Color.RED // note: currently (support version 28.0.0), we can not use tranparent color here, if we use transparent, we still see a small divider line. So if we want to display transparent space, we can set color = background color or we can create a custom ItemDecoration instead of DividerItemDecoration. 
})

recycler_devices.addItemDecoration(divider)

это полезный ответ
— таха

7

Взятый из поиска Google, добавьте этот ItemDecoration к вашему RecyclerView:

public class DividerItemDecoration extends RecyclerView.ItemDecoration {

private Drawable mDivider;
private boolean mShowFirstDivider = false;
private boolean mShowLastDivider = false;


public DividerItemDecoration(Context context, AttributeSet attrs) {
    final TypedArray a = context
            .obtainStyledAttributes(attrs, new int[]{android.R.attr.listDivider});
    mDivider = a.getDrawable(0);
    a.recycle();
}

public DividerItemDecoration(Context context, AttributeSet attrs, boolean showFirstDivider,
        boolean showLastDivider) {
    this(context, attrs);
    mShowFirstDivider = showFirstDivider;
    mShowLastDivider = showLastDivider;
}

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

public DividerItemDecoration(Drawable divider, boolean showFirstDivider,
        boolean showLastDivider) {
    this(divider);
    mShowFirstDivider = showFirstDivider;
    mShowLastDivider = showLastDivider;
}

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
        RecyclerView.State state) {
    super.getItemOffsets(outRect, view, parent, state);
    if (mDivider == null) {
        return;
    }
    if (parent.getChildPosition(view) < 1) {
        return;
    }

    if (getOrientation(parent) == LinearLayoutManager.VERTICAL) {
        outRect.top = mDivider.getIntrinsicHeight();
    } else {
        outRect.left = mDivider.getIntrinsicWidth();
    }
}

@Override
public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
    if (mDivider == null) {
        super.onDrawOver(c, parent, state);
        return;
    }

    // Initialization needed to avoid compiler warning
    int left = 0, right = 0, top = 0, bottom = 0, size;
    int orientation = getOrientation(parent);
    int childCount = parent.getChildCount();

    if (orientation == LinearLayoutManager.VERTICAL) {
        size = mDivider.getIntrinsicHeight();
        left = parent.getPaddingLeft();
        right = parent.getWidth() - parent.getPaddingRight();
    } else { //horizontal
        size = mDivider.getIntrinsicWidth();
        top = parent.getPaddingTop();
        bottom = parent.getHeight() - parent.getPaddingBottom();
    }

    for (int i = mShowFirstDivider ? 0 : 1; i < childCount; i++) {
        View child = parent.getChildAt(i);
        RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();

        if (orientation == LinearLayoutManager.VERTICAL) {
            top = child.getTop() - params.topMargin;
            bottom = top + size;
        } else { //horizontal
            left = child.getLeft() - params.leftMargin;
            right = left + size;
        }
        mDivider.setBounds(left, top, right, bottom);
        mDivider.draw(c);
    }

    // show last divider
    if (mShowLastDivider && childCount > 0) {
        View child = parent.getChildAt(childCount - 1);
        RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
        if (orientation == LinearLayoutManager.VERTICAL) {
            top = child.getBottom() + params.bottomMargin;
            bottom = top + size;
        } else { // horizontal
            left = child.getRight() + params.rightMargin;
            right = left + size;
        }
        mDivider.setBounds(left, top, right, bottom);
        mDivider.draw(c);
    }
}

private int getOrientation(RecyclerView parent) {
    if (parent.getLayoutManager() instanceof LinearLayoutManager) {
        LinearLayoutManager layoutManager = (LinearLayoutManager) parent.getLayoutManager();
        return layoutManager.getOrientation();
    } else {
        throw new IllegalStateException(
                "DividerItemDecoration can only be used with a LinearLayoutManager.");
    }
}
}

Это хорошо работает только для LinearLayoutManager. Что нужно сделать для GridLayoutManager?
— разработчик Android

6

Эта ссылка для меня сработала:

https://gist.github.com/lapastillaroja/858caf1a82791b6c1a36

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.view.View;

public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private Drawable mDivider;
    private boolean mShowFirstDivider = false;
    private boolean mShowLastDivider = false;


    public DividerItemDecoration(Context context, AttributeSet attrs) {
        final TypedArray a = context
                .obtainStyledAttributes(attrs, new int[]{android.R.attr.listDivider});
        mDivider = a.getDrawable(0);
        a.recycle();
    }

    public DividerItemDecoration(Context context, AttributeSet attrs, boolean showFirstDivider,
            boolean showLastDivider) {
        this(context, attrs);
        mShowFirstDivider = showFirstDivider;
        mShowLastDivider = showLastDivider;
    }

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

    public DividerItemDecoration(Drawable divider, boolean showFirstDivider,
            boolean showLastDivider) {
        this(divider);
        mShowFirstDivider = showFirstDivider;
        mShowLastDivider = showLastDivider;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent,
            RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        if (mDivider == null) {
            return;
        }
        if (parent.getChildPosition(view) < 1) {
            return;
        }

        if (getOrientation(parent) == LinearLayoutManager.VERTICAL) {
            outRect.top = mDivider.getIntrinsicHeight();
        } else {
            outRect.left = mDivider.getIntrinsicWidth();
        }
    }

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        if (mDivider == null) {
            super.onDrawOver(c, parent, state);
            return;
        }

        // Initialization needed to avoid compiler warning
        int left = 0, right = 0, top = 0, bottom = 0, size;
        int orientation = getOrientation(parent);
        int childCount = parent.getChildCount();

        if (orientation == LinearLayoutManager.VERTICAL) {
            size = mDivider.getIntrinsicHeight();
            left = parent.getPaddingLeft();
            right = parent.getWidth() - parent.getPaddingRight();
        } else { //horizontal
            size = mDivider.getIntrinsicWidth();
            top = parent.getPaddingTop();
            bottom = parent.getHeight() - parent.getPaddingBottom();
        }

        for (int i = mShowFirstDivider ? 0 : 1; i < childCount; i++) {
            View child = parent.getChildAt(i);
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();

            if (orientation == LinearLayoutManager.VERTICAL) {
                top = child.getTop() - params.topMargin;
                bottom = top + size;
            } else { //horizontal
                left = child.getLeft() - params.leftMargin;
                right = left + size;
            }
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }

        // show last divider
        if (mShowLastDivider && childCount > 0) {
            View child = parent.getChildAt(childCount - 1);
            RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
            if (orientation == LinearLayoutManager.VERTICAL) {
                top = child.getBottom() + params.bottomMargin;
                bottom = top + size;
            } else { // horizontal
                left = child.getRight() + params.rightMargin;
                right = left + size;
            }
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    private int getOrientation(RecyclerView parent) {
        if (parent.getLayoutManager() instanceof LinearLayoutManager) {
            LinearLayoutManager layoutManager = (LinearLayoutManager) parent.getLayoutManager();
            return layoutManager.getOrientation();
        } else {
            throw new IllegalStateException(
                    "DividerItemDecoration can only be used with a LinearLayoutManager.");
        }
    }
}

Тогда в вашей деятельности:

mCategoryRecyclerView.addItemDecoration(
    new DividerItemDecoration(this, null));

Или это, если вы используете фрагмент:

mCategoryRecyclerView.addItemDecoration(
    new DividerItemDecoration(getActivity(), null));

1
Это прекрасно работает, но не показывает разделитель под последним элементом в списке. Мне нужно это так mShowFirstDivider = false, mShowLastDivider = trueно это не сработает. Есть идеи почему?
— исправлено

Это не может хорошо обрабатывать GridLayoutManager.
— разработчик Android

6

Мы можем украсить элементы, используя различные декораторы, прикрепленные к представлению переработчика, такие как DividerItemDecoration:

Просто используйте следующее ... взято из ответа EyesClear

public class DividerItemDecoration extends RecyclerView.ItemDecoration {

private static final int[] ATTRS = new int[]{android.R.attr.listDivider};

private Drawable mDivider;

/**
 * Default divider will be used
 */
public DividerItemDecoration(Context context) {
    final TypedArray styledAttributes = context.obtainStyledAttributes(ATTRS);
    mDivider = styledAttributes.getDrawable(0);
    styledAttributes.recycle();
}

/**
 * Custom divider will be used
 */
public DividerItemDecoration(Context context, int resId) {
    mDivider = ContextCompat.getDrawable(context, resId);
}

@Override
public void onDraw(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);
    }
}

}, а затем используйте вышеизложенное следующим образом

RecyclerView.ItemDecoration itemDecoration = new DividerItemDecoration(this, DividerItemDecoration.VERTICAL_LIST);
recyclerView.addItemDecoration(itemDecoration);

Это отобразит разделители между каждым элементом в списке, как показано ниже:

введите описание изображения здесь

А те, кто ищет подробности, могут ознакомиться с этим руководством. Использование RecyclerView _ CodePath Android Cliffnotes

Некоторые ответы здесь предполагают использование полей, но выгода заключается в следующем: если вы добавите верхние и нижние поля, они будут добавлены между элементами и будут слишком большими. Если вы добавите только один из них, не будет никакого поля ни в верхней, ни в нижней части всего списка. Если вы добавите половину расстояния сверху, половину снизу, то внешние поля будут слишком маленькими.

Таким образом, единственное эстетически правильное решение - это разделитель, который система знает, где правильно применять: между элементами, но не над или под элементами.

Пожалуйста, дайте мне знать о любых сомнениях в комментариях ниже :)


1
Это не демонстрация того, как DividerItemDecorationвыглядит код.
— Игорь Ганапольский

1
Это класс AOSP, я выкопал код для вас ..... gist.githubusercontent.com/alexfu/0f464fc3742f134ccd1e/raw/…
— Anudeep Samaiya

Он не работает хорошо: он не обрабатывает строки разной высоты и не показывает вертикальный разделитель для сеток
— Android-разработчик

5

Слишком поздно, но GridLayoutManagerя использую это:

public class GridSpacesItemDecoration : RecyclerView.ItemDecoration
{
    private int space;

    public GridSpacesItemDecoration(int space) {
        this.space = space;
    }

    public override void GetItemOffsets(Android.Graphics.Rect outRect, View view, RecyclerView parent, RecyclerView.State state)
    {
        var position = parent.GetChildLayoutPosition(view);

        /// Only for GridLayoutManager Layouts
        var manager = parent.GetLayoutManager() as GridLayoutManager;

        if (parent.GetChildLayoutPosition(view) < manager.SpanCount)
            outRect.Top = space;

        if (position % 2 != 0) {
            outRect.Right = space;
        }

        outRect.Left = space;
        outRect.Bottom = space;
    }
}

Эта работа для любого количества пролетов у вас есть.

Олли.


О топ-пространстве, как бы вы изменили его, чтобы также поддерживать FlexboxLayoutManager?
— Android-разработчик

5

Вы можете добавить с программно легко.

Если ваш Layout Manager - Linearlayout, вы можете использовать:

DividerItemDecoration - это RecyclerView.ItemDecoration, которое можно использовать в качестве разделителя между элементами LinearLayoutManager. Он поддерживает горизонтальную и вертикальную ориентацию.

 mDividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(),
         mLayoutManager.getOrientation());
 recyclerView.addItemDecoration(mDividerItemDecoration);

источник


5

Мне кажется, что нужен простой ответ на основе кода, который не использует XML

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

ShapeDrawable shapeDrawableForDivider = new ShapeDrawable(new RectShape());

int dividerThickness = // (int) (SomeOtherView.getHeight() * desiredPercent);
shapeDrawableForDivider.setIntrinsicHeight(dividerThickness);
shapeDrawableForDivider.setAlpha(0);

dividerItemDecoration.setDrawable(shapeDrawableForDivider);

recyclerView.addItemDecoration(dividerItemDecoration);

4

Если вы хотите добавить одинаковое пространство для элементов, самый простой способ - добавить верхнее + левое заполнение для RecycleView и правое + нижнее поле для элементов карточки.

dimens.xml

<resources>
    <dimen name="divider">1dp</dimen>
</resources>

list_item.xml

<CardView
 android:layout_marginBottom="@dimen/divider"
 android:layout_marginRight="@dimen/divider">
 ...
</CardView>

list.xml

<RecyclerView
 android:paddingLeft="@dimen/divider"
 android:paddingTop="@dimen/divider"
/>

4

Я добавил строку в элемент списка, как показано ниже

<View
android:id="@+id/divider"
android:layout_width="match_parent"
android:layout_height="1px"
android:background="@color/dividerColor"/>

1px нарисует тонкую линию.

Если вы хотите скрыть разделитель для последней строки, то divider.setVisiblity(View.GONE);в onBindViewHolder для последнего элемента списка.


1
Я предпочитаю этот, другие слишком сложны.
— Сэм Чен

3

Это RecyclerViewнемного отличается от ListView. На самом деле, RecyclerViewнужна ListViewподобная структура. Например, LinearLayout. LinearLayoutИмеет параметры для деления каждого элемента. В коде ниже я RecyclerViewсостою из CardViewобъектов в пределахLinearLayout с «отступом», который будет помещать некоторое пространство между элементами. Сделайте это пространство действительно маленьким, и вы получите линию.

Вот представление Recycler в recyclerview_layout.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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".ToDoList">

    <!-- A RecyclerView with some commonly used attributes -->
    <android.support.v7.widget.RecyclerView
        android:id="@+id/todo_recycler_view"
        android:scrollbars="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

И вот как выглядит каждый элемент (и он отображается как разделенный из-за андроида: отступ в LinearLayout, который окружает все.) В другом файле: cards_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    **android:padding="@dimen/activity_vertical_margin"**>
    <!-- A CardView that contains a TextView -->
    <android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view"
        android:layout_gravity="center"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:elevation="30dp"
        card_view:cardElevation="3dp">
            <TextView
                android:id="@+id/info_text"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                />
    </android.support.v7.widget.CardView>
</LinearLayout>

3

Действительно простое решение - использовать RecyclerView-FlexibleDivider.

Добавить зависимость:

compile 'com.yqritc:recyclerview-flexibledivider:1.4.0'

Добавьте в свой список переработчиков:

recyclerView.addItemDecoration(new HorizontalDividerItemDecoration.Builder(context).build());

И вы сделали!


работает как шарм ... должен любить обмен с открытым исходным кодом.
— Билли

3

1. Одним из путей является совместное использование карт и вида переработчика, мы можем легко добавить эффект, например, делитель. ех. https://developer.android.com/training/material/lists-cards.html

2. и другое, добавив представление в качестве разделителя к list_item_layout представления переработчика .

        <View
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/colorAccent" />

3
public class CommonItemSpaceDecoration extends RecyclerView.ItemDecoration {

        private int mSpace = 0;
        private boolean mVerticalOrientation = true;

    public CommonItemSpaceDecoration(int space) {
        this.mSpace = space;
    }

    public CommonItemSpaceDecoration(int space, boolean verticalOrientation) {
        this.mSpace = space;
        this.mVerticalOrientation = verticalOrientation;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        outRect.top = SizeUtils.dp2px(view.getContext(), mSpace);
        if (mVerticalOrientation) {
            if (parent.getChildAdapterPosition(view) == 0) {
                outRect.set(0, SizeUtils.dp2px(view.getContext(), mSpace), 0, SizeUtils.dp2px(view.getContext(), mSpace));
            } else {
                outRect.set(0, 0, 0, SizeUtils.dp2px(view.getContext(), mSpace));
            }
        } else {
            if (parent.getChildAdapterPosition(view) == 0) {
                outRect.set(SizeUtils.dp2px(view.getContext(), mSpace), 0, 0, 0);
            } else {
                outRect.set(SizeUtils.dp2px(view.getContext(), mSpace), 0, SizeUtils.dp2px(view.getContext(), mSpace), 0);
            }
        }
    }
}

Это добавит пространство сверху и снизу каждого элемента (или слева и справа). Затем вы можете установить его на свой recyclerView.

recyclerView.addItemDecoration(new CommonItemSpaceDecoration(16));

SizeUtils.java

public class SizeUtils {
    public static int dp2px(Context context, float dpValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }
}
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.