Android RecyclerView overlap items (Card stacks)

android android-recyclerview overlap
shiami picture shiami · Aug 31, 2015 · Viewed 8.9k times · Source

How can I overlap items in RecyclerView? Like stacking cards.

Thanks in advance.

Answer

opsenes picture opsenes · Aug 30, 2016

To overlap recyclerView rows, you can use this.

Add this class to your activity. You can customize the vertOverlap.

   public class OverlapDecoration extends RecyclerView.ItemDecoration {

    private final static int vertOverlap = -40;

    @Override
    public void getItemOffsets (Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        final int itemPosition = parent.getChildAdapterPosition(view);
        if (itemPosition == 0) {
            return; }
        outRect.set(0, vertOverlap, 0, 0);


    }
} `

After that add your decoration to recyclerView before setting its layout manager, and we are done.

    mRecyclerView.addItemDecoration(new OverlapDecoration());
    mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

Thanks to the @MojoTosh https://stackoverflow.com/a/29067942/6255073

Related questions

How to add dividers and spaces between items in RecyclerView?

This is an example of how it could have been done previously in the ListView class, using the divider and dividerHeight parameters: <ListView android:id="@+id/activity_home_list_view" android:layout_width="match_parent" android:layout_height="match_…

Read More
RecyclerView onClick

Has anyone using RecyclerView found a way to set an onClickListener to items in the RecyclerView? I thought of setting a listener to each of the layouts for each item but that seems a little too much hassle I'm sure …

Read More
How to update RecyclerView Adapter Data?

Trying to figure out what is the issue with updating RecyclerView's Adapter. After I get a new List of products, I tried to: Update the ArrayList from the fragment where recyclerView is created, set new data to adapter, then call …

Read More