How can a divider line be added in an Android RecyclerView

Question

I am developing an android application where I am using RecyclerView  I need to add a divider in RecyclerView  I tried to add -   recyclerView addItemDecoration new      DividerItemDecoration getActivity           DividerItemDecoration VERTICAL LIST      below is my xml code -       lt android support v7 widget RecyclerView     android id    id drawerList      android layout width  match parent      android layout height  wrap content      android layout marginTop  15dp        gt

User · Answer

Simply add a margin of x amount at the bottom of an item in your 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);

User · Answer

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                                                    You just need to specify a color in R drawable divider medium   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  gt       lt solid android color   android color black    gt       lt size         android height  1dp          android width  1dp    gt    lt  shape gt    and add it to your recyclerView  recyclerView addItemDecoration                          ItemOffsetDecoration                              this                              resources getDimension resources getDimension R dimen dp 70  roundToInt    roundToInt                                0                                                   refernce this

User · Answer

Just add a View by the end of you item adapter    lt View  android layout width  match parent   android layout height  1dp   android background   FFFFFF   gt

User · Answer

To make N J s answer a little simpler you can do   public class DividerColorItemDecoration extends DividerItemDecoration        public DividerColorItemDecoration Context context  int orientation            super context  orientation           setDrawable ContextCompat getDrawable context  R drawable line divider

User · Answer

Android just makes little things too complicated unfortunately  Easiest way to achieve what you want  without implementing DividerItemDecoration here   Add background color to the RecyclerView to your desired divider color    lt 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   gt    Add bottom margin  android layout marginBottom  to the layout root of the item  list item xml     lt 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  gt        lt TextView         android id    id tvName          android layout width  wrap content          android layout height  wrap content          android text  John Doe    gt        lt 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    gt    lt  RelativeLayout gt    This should give 1dp space between the items and the background color of RecyclerView  which is dark gray would appear as divider

User · Answer

The way how I m handling the Divider view and also Divider Insets is by adding a RecyclerView extension   1   Add a new extension file by naming View or RecyclerView   RecyclerViewExtension kt   and add the setDivider extension method inside the RecyclerViewExtension kt file        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   Create a Drawable resource file inside of drawable package like recycler view divider xml    lt inset xmlns android  http   schemas android com apk res android      android insetLeft  10dp      android insetRight  10dp  gt        lt shape gt           lt size android height  0 5dp    gt           lt solid android color   android color darker gray    gt       lt  shape gt    lt  inset gt    where you can specify the left and right margin on android insetLeft and android insetRight   3   On your Activity or Fragment where the RecyclerView is initialized  you can set the custom drawable by calling   recyclerView setDivider R drawable recycler view divider    4   Cheers

User · Answer

You need add next line     mRecyclerView addItemDecoration new DividerItemDecoration getContext    DividerItemDecoration VERTICAL

User · Answer

So this might not be the correct way  but I just added a view to the single item view of the RecyclerView  as I don t think there is a built-in function  like so    lt 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    gt    This means each item will have a line which fills it at its bottom  I made it about 1dp high with a  111111 background  This also gives it a kind of  3D  effect

User · Answer

Kotlin Version   recyclerview addItemDecoration DividerItemDecoration this  LinearLayoutManager VERTICAL

User · Answer

Create a seperate xml file in res drawable folder    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  android shape  rectangle  gt       lt size android height  1dp    gt       lt solid android color   android color black    gt   lt  shape gt    Connect that xml file  your file  at the main activity  like this   DividerItemDecoration divider   new DividerItemDecoration      recyclerView getContext        DividerItemDecoration VERTICAL    divider setDrawable ContextCompat getDrawable getBaseContext    R drawable your file    recyclerView addItemDecoration divider

User · Answer

I think you are using Fragments to have RecyclerView  Simply add these lines after creating your RecyclerView and LayoutManager Objects  DividerItemDecoration dividerItemDecoration   new DividerItemDecoration recyclerView getContext                    DividerItemDecoration VERTICAL           recyclerView addItemDecoration dividerItemDecoration     Thats it      It supports both HORIZONTAL and VERTICAL orientations

User · Answer

i think its the easiest way  mDividerItemDecoration   new DividerItemDecoration recyclerView getContext                    DividerItemDecoration VERTICAL      or DividerItemDecoration HORIZONTALL         mDividerItemDecoration setDrawable getDrawable R drawable myshape            recyclerView addItemDecoration mDividerItemDecoration     Note that   myshape can be rectangel with height you want to make your divider

User · Answer

Try this simple single line code  recyclerView addItemDecoration new DividerItemDecoration getContext   LinearLayoutManager VERTICAL

User · Answer

Here is the code for a simple custom divider  vertical divider   1dp height   black     It suppose you have Support Library   compile  com android support recyclerview-v7 25 1 1    java code      DividerItemDecoration divider   new DividerItemDecoration recyclerView getContext    DividerItemDecoration VERTICAL       divider setDrawable ContextCompat getDrawable getBaseContext    R drawable my custom divider        recyclerView addItemDecoration divider     then the custom divider xml file sample      lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  android shape  rectangle  gt       lt size android height  1dp    gt       lt solid android color   android color black    gt   lt  shape gt

User · Answer

yqritc s RecyclerView-FlexibleDivider makes this a one liner   First add this to your build gradle   compile  com yqritc recyclerview-flexibledivider 1 4 0     requires jcenter     Now you can configure and add a divder where you set your recyclerView s adapter   recyclerView setAdapter myAdapter   recyclerView addItemDecoration new HorizontalDividerItemDecoration Builder this  color Color RED  sizeResId R dimen divider  marginResId R dimen leftmargin  R dimen rightmargin  build

User · Answer

The Right way is to define ItemDecoration for the RecyclerView is as following SimpleDividerItemDecoration java public class SimpleDividerItemDecoration extends RecyclerView ItemDecoration       private Drawable mDivider        public SimpleDividerItemDecoration Context context            mDivider   ContextCompat getDrawable context  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  lt  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   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 size         android width  quot 1dp quot          android height  quot 1dp quot    gt         lt solid android color  quot  color dark gray quot    gt     lt  shape gt   Finally set it like this recyclerView addItemDecoration new SimpleDividerItemDecoration this      Edit As pointed by  Alan Solitar context getResources   getDrawable R drawable line divider     is depreciated  instead of that you can use ContextCompat getDrawable context R drawable line divider

User · Answer

If you want to have both horizontal and vertical dividers    Define horizontal  amp  vertical divider drawables   horizontal divider xml   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android   gt     lt size android height  1dip    gt     lt solid android color   22000000    gt   lt  shape gt    vertical divider xml   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android   gt       lt size android width  1dip    gt       lt solid android color   22000000    gt   lt  shape gt   Add this code segment below   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

User · Answer

Alright  if don t need your divider color to be changed just apply alpha to the divider decorations  Example for GridLayoutManager with transparency  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     You can still change the color of dividers by just setting color filters to it   Example for GridLayoutManager by setting tint  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    Additionally you can also try setting color filter   horizontalDividerItemDecoration getDrawable   setColorFilter colorFilter

User · Answer

All of these answers got me close but they were each missing a key detail  After a bit of research  I found the easiest route to be a combination of these 3 steps    Use the support library s DividerItemDecoration Create a divider with the right color Set this divider in your theme as the listDivider     Step 1  while configuring RecyclerView  recyclerView addItemDecoration          new DividerItemDecoration context  layoutManager getOrientation        Step 2  in a file like res drawable divider gray xml   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  gt       lt size android width  1px  android height  1px    gt       lt solid android color   color gray    gt   lt  shape gt    Step 3  in the app s theme   lt style name  AppTheme  parent  Theme AppCompat Light NoActionBar  gt       lt  -- Other theme items above -- gt       lt item name  android listDivider  gt  drawable divider gray lt  item gt   lt  style gt      EDIT  Updated to skip last divider  After using this a bit  I realized it was drawing a divider after the last item  which was annoying  So I modified Step 1 as follows to override that default behavior in DividerItemDecoration  of course  making a separate class is another option    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

User · Answer

You can create a simple reusable divider   Create Divider   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  lt  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                       Create Divider Line  divider xml   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle  gt       lt size         android width  1dp          android height  1dp    gt       lt solid android color   color grey 300    gt   lt  shape gt    Add divider to your Recyclerview   RecyclerView ItemDecoration dividerItemDecoration   new DividerItemDecorator ContextCompat getDrawable context  R drawable divider    recyclerView addItemDecoration dividerItemDecoration     To remove divider for the last item   To prevent divider drawing for the last item you have to change this line   for  int i   0  i  lt  childCount  i       To  for  int i   0  i  lt  childCount-1  i      Your final implementation should be like this   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  lt  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                       Hope it helps

User · Answer

Bhuvanesh BS solution works  Kotlin version of this   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

User · Answer

In the October 2016 update  the support library v25 0 0 now has a default implementation of basic horizontal and vertical dividers available   https   developer android com reference android support v7 widget DividerItemDecoration html   recyclerView addItemDecoration new DividerItemDecoration recyclerView getContext    DividerItemDecoration VERTICAL

User · Answer

recyclerview addItemDecoration new DividerItemDecoration this  0      Where 0 is Horizontal and 1 is Veritical

[android] How can a divider line be added in an Android RecyclerView?

Examples related to android

Examples related to android-recyclerview

Examples related to material-design