ItemDecoration - Как создать вертикальные разделители? - PullRequest
Новая
       66

ItemDecoration - Как создать вертикальные разделители?

2 голосов
/ 23 июня 2019

Я пытаюсь создать несколько вертикальных разделителей для каждого ViewHolder в recyclerView, но не могу понять, как.

Вот мой код для работы горизонтальных разделителей: 

@Override
public void onDrawOver(@NonNull Canvas c, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {


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

    int count = parent.getChildCount();
    for(int i = 0; i < count; 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);
    }
}

отрисовываемый разделитель: 

<?xml version="1.0" encoding="utf-8"?>


<size
    android:width="10dp"
    android:height="10dp" />
<solid android:color="@color/standardBlue" />

1 Ответ

0 голосов
/ 23 июня 2019

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

Использование: 

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

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

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

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

открытый класс 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 you don't want to insert space below the last item, add the following condition:

if (parent.getChildAdapterPosition (view)! = Parent.getAdapter (). GetItemCount () - 1) {outRect.bottom =verticalSpaceHeight;} Примечание: вы также можете изменить свойства outRect.top, outRect.left и outRect.right для достижения желаемого эффекта.

Divider 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 ().

Использование Чтобы использовать новый класс, добавьте VerticalSpaceItemDecoration или DividerSpaceItemDecoration в 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;
}
...