Margin between items in recycler view Android

Question

Hi I am Following this tutorial       http   www journaldev com 10024 android-recyclerview-and-cardview-example-tutorial  Now I am facing a weird issue the margin between each CardView item inside RecyclerView is way too much       ISSUE   How to reduce the Margin between each item of CardView placed inside RecyclerView

User · Answer

Use CardView in Recyclerview Item Layout like this      lt android support v7 widget CardView         xmlns android  http   schemas android com apk res android          android layout width  match parent          android layout height  wrap content          xmlns app  http   schemas android com apk res-auto          xmlns card view  http   schemas android com tools          card view cardCornerRadius  10dp          app cardBackgroundColor   ACACAC          card view cardElevation  5dp          app contentPadding  10dp          card view cardUseCompatPadding  true  gt

User · Answer

Use CompatPadding in CardView Item

User · Answer

Try to add RecyclerView ItemDecoration  To know how to do that  How to add dividers and spaces between items in RecyclerView

User · Answer

Instead of using XML to add margin between items in RecyclerView  it s better way to use RecyclerView ItemDecoration that provide by android framework   So  I create a library to solve this issue   https   github com TheKhaeng recycler-view-margin-decoration

User · Answer

change in Recycler view match parent to wrap content    lt android support v7 widget RecyclerView     android id    id recycleView      android layout width  match parent      android layout height  wrap content    gt    Also change in item layout xml  Make parent layout height match parent to wrap content   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  wrap content  gt        lt TextView         android id    id textView          android layout width  wrap content          android layout height  wrap content        gt

User · Answer

In XML  to manage margins between items of a RecyclerView  I am doing in this way  operating on these attributes of detail layout  I am using a RelativeLayout    android layout marginTop android layout marginBottom  of course it is also very important to set these attributes   android layout width  quot wrap content quot  android layout height  quot wrap content quot   Here follows a complete example  this is the layout for the list of items   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt androidx recyclerview widget RecyclerView xmlns android  quot http   schemas android com apk res android quot  xmlns app  quot http   schemas android com apk res-auto quot  xmlns tools  quot http   schemas android com tools quot  android name  quot blah ui meetings MeetingEventFragment quot  android layout width  quot match parent quot  android layout height  quot match parent quot  android layout marginLeft  quot 0dp quot  android layout marginRight  quot 0dp quot  android layout marginVertical  quot 2dp quot  app layoutManager  quot LinearLayoutManager quot  tools context  quot  ui meetings MeetingEventFragment quot  tools listitem  quot  layout fragment meeting event quot    gt   and this is the detail layout   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt RelativeLayout xmlns android  quot http   schemas android com apk res android quot  android layout width  quot wrap content quot  android layout height  quot wrap content quot  android layout marginTop  quot 1dp quot  android layout marginBottom  quot 1dp quot  android background  quot  drawable background border meetings quot  gt       lt TextView     android id  quot   id slot type quot      android layout width  quot wrap content quot      android layout height  quot wrap content quot      android layout alignParentStart  quot true quot      android text  quot slot type quot        gt   lt  RelativeLayout gt   background border meetings is just a box   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt       lt shape xmlns android  quot http   schemas android com apk res android quot  android shape  quot rectangle quot   gt       lt  -- This is the stroke you want to define -- gt       lt stroke android width  quot 4dp quot      android color  quot  color mdtp line dark quot   gt       lt  -- Optional  round your corners -- gt       lt corners android bottomLeftRadius  quot 2dp quot      android topLeftRadius  quot 2dp quot      android bottomRightRadius  quot 2dp quot      android topRightRadius  quot 2dp quot    gt       lt gradient android startColor  quot  android color transparent quot      android endColor  quot  android color transparent quot      android angle  quot 90 quot   gt   lt  shape gt

User · Answer

I faced similar issue  with RelativeLayout as the root element for each row in the recyclerview    To solve the issue  find the xml file that holds each row and make sure that the root element s height is wrap content NOT match parent

User · Answer

I made a class to manage this issue  This class set different margins for the items inside the recyclerView  only the first row will have a top margin and only the first column will have left margin   public class RecyclerViewMargin extends RecyclerView ItemDecoration   private final int columns  private int margin          constructor     param margin desirable margin size in px between the views in the recyclerView     param columns number of columns of the RecyclerView     public RecyclerViewMargin  IntRange from 0 int margin   IntRange from 0  int columns         this margin   margin      this columns columns             Set different margins for the items inside the recyclerView  no top margin for the first row    and no left margin for the first column       Override public void getItemOffsets Rect outRect  View view                             RecyclerView parent  RecyclerView State state         int position   parent getChildLayoutPosition view         set right margin to all     outRect right   margin        set bottom margin to all     outRect bottom   margin        we only add top margin to the first row     if  position  lt columns            outRect top   margin              add left margin only to the first column     if position columns  0           outRect left   margin                      you can set it in your recyclerview this way   RecyclerViewMargin decoration   new RecyclerViewMargin itemMargin  numColumns    recyclerView addItemDecoration decoration

User · Answer

If you want to do it in XML  jus set paddingTopand paddingLeft to your RecyclerView and equal amount of layoutMarginBottom and layoutMarginRight to the item you inflate into your RecyclerView or vice versa

User · Answer

Find the attribute card view cardUseCompatPadding  true  in cards layout xml and delete it  Start app and you will find there is no margin between each cardview item  Add margin attributes you like  Ex     android layout marginTop  5dp  android layout marginBottom  5dp

[android] Margin between items in recycler view Android

Examples related to android

Examples related to android-recyclerview

Examples related to android-cardview