How to set space between listView Items in Android

Question

I tried to use marginBottom on the listView to make space between listView Item  but still the items are attached together   Is it even possible  If yes  is there a specific way to do it   My code is below   lt LinearLayout android id    id alarm occurences  android layout width  fill parent   android orientation  vertical  android layout height  fill parent  android background   EEEEFF  xmlns android  http   schemas android com apk res android  gt    lt ListView android id    id occurences  android layout width  fill parent  android layout height  fill parent    gt   lt  LinearLayout gt    My custom List item    lt com android alarm listItems AlarmListItem xmlns android  http   schemas android com apk res android  android orientation  vertical  android layout width  fill parent  android layout height  fill parent   android background   drawable alarm item background  android layout marginBottom  10dp       gt   lt CheckedTextView          android id   android id text1      android layout width  fill parent      android layout height  wrap content      android gravity  center vertical      android checkMark   android attr listChoiceIndicatorMultiple      android textSize  20sp      android textStyle  bold      android typeface  serif      android padding  10dp     gt    lt  com android alarm listItems AlarmListItem gt    How can I make spacing between list items in this case

User · Answer

In order to give spacing between views inside a listView please use padding on your inflate views.

You can use android:paddingBottom="(number)dp" && android:paddingTop="(number)dp" on your view or views you're inflate inside your listview.

The divider solution is just a fix, because some day, when you'll want to use a divider color (right now it's transparent) you will see that the divider line is been stretched.

User · Answer

Simplest solution with OP s existing code  list items already have got padding  is to add following code   listView setDivider new ColorDrawable Color TRANSPARENT       hide the divider listView setClipToPadding false        list items won t clip  so padding stays   This SO answer helped me   Note  You may face a bug of the list item recycling too soon on older platforms  as has been asked here

User · Answer

Asahi pretty much hit the nail on the head  but I just wanted to add a bit of XML for anyone maybe floating in here later via google    lt ListView android id    id MyListView    android layout height  match parent    android layout width  match parent    android divider   android color transparent    android dividerHeight  10 0sp   gt    For some reason  values such as  10    10 0   and  10sp  all are rejected by Android for the dividerHeight value  It wants a floating point number and a unit  such as  10 0sp   As  Goofyahead notes  you can also use display-independent pixels for this value  ie   10dp

User · Answer

Perhaps divider or dividerHeight property of the ListView can solve your problem

User · Answer

This will help you add the divider height    getListView   setDividerHeight 10    If you want to add a custom view  you can add a small view in the listView item layout itself

User · Answer

Maybe you can try to add android layout marginTop    quot 15dp quot  and android layout marginBottom    quot 15dp quot  in the outermost Layout

User · Answer

You can use   android divider   null  android dividerHeight  3dp    example    lt ListView         android layout width  fill parent          android layout height  wrap content          android id    id listView  android layout gravity  center horizontal          android dividerHeight  3dp          android divider   null  android clickable  false   gt

User · Answer

You should wrap your ListView item  say your listview item  in some other layout e g LinearLayout and add margin to your listview item    lt LinearLayout     android layout width  match parent      android layout height  match parent  gt       lt your listview item         android id    id list item          android layout width  match parent          android layout height  match parent          android layout marginTop  5dp          android layout marginBottom  5dp          android layout marginLeft  5dp          android layout marginRight  5dp                        gt   lt  LinearLayout gt    This way you can also add space  if needed  on the right and left of the ListView item

User · Answer

For my application  i have done this way    lt ListView     android id    id staff jobassigned listview      android layout width  match parent      android layout height  match parent      android divider   null      android dividerHeight  10dp  gt    lt  ListView gt    just set the divider to null and providing height to the divider did for me   Example     android divider   null    or  android divider   android color transparent    and this is result

User · Answer

I found a not-so-good solution for this in case you are using a HorizontalListView  since dividers don t seem to work with it  but I think it ll work either way for the more common ListView   Just adding    lt View android layout marginBottom  xx dp sp   gt    in the bottomest View of the Layout you inflate in the adapter class will create spacing between items

User · Answer

My solution to add more space but keep the horizontal line was to add divider xml in the res drawable folder and define line shape inside   divider xml   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android      android shape  line   gt        lt stroke         android width  1px          android color   color nice blue    gt    lt  shape gt    then in my list I reference my divider as follows    lt ListView     android id    id listViewScheduledReminders      android layout width  match parent      android layout height  0dip      android layout marginBottom   dimen mediumMargin      android layout weight  1      android divider   drawable divider      android dividerHeight  16 0dp      android padding   dimen smallMargin   gt    lt  ListView gt    notice the android dividerHeight  16 0dp  by increasing and decreasing this height I am basically adding more padding on top and bottom of the divider line   I used this page for reference  http   developer android com guide topics resources drawable-resource html stroke-element

User · Answer

Also one more way to increase the spacing between the list items is that you add an empty view to your adapter code by providing the layout height attribute with the spacing you require  For e g  in order to increase the bottom spacing between your list items add this dummy view empty view  to the end of your list items    lt View     android layout width  match parent      android layout height  15dp   gt    So this will provide a bottom spacing of 15 dp between list view items  You can directly add this if the parent layout is LinearLayout and orientation is vertical or take appropriate steps for other layout  Hope this helps  -

User · Answer

If you want to show a divider with margins and without stretching it - use InsetDrawable  size must be in a format  about which said  Nik Reiman    ListView    lt ListView     android id    id listView      android layout width  fill parent      android layout height  wrap content      android cacheColorHint   00000000      android divider   drawable separator line      android dividerHeight  10 0px   gt     drawable separator line    lt  xml version  1 0  encoding  utf-8   gt   lt inset xmlns android  http   schemas android com apk res android      android insetLeft  5 0px      android insetRight  5 0px      android insetTop  8 0px      android insetBottom  8 0px  gt        lt shape xmlns android  http   schemas android com apk res android          android shape  rectangle  gt           lt gradient             android startColor   color colorStart              android centerColor   color colorCenter              android endColor   color colorEnd              android type  linear              android angle  0  gt           lt  gradient gt       lt  shape gt   lt  inset gt

User · Answer

Although the solution by Nik Reiman DOES work  I found it not to be an optimal solution for what I wanted to do  Using the divider to set the margins had the problem that the divider will no longer be visible so you can not use it to show a clear boundary between your items  Also  it does not add more  clickable area  to each item thus if you want to make your items clickable and your items are thin  it will be very hard for anyone to click on an item as the height added by the divider is not part of an item   Fortunately I found a better solution that allows you to both show dividers and allows you to adjust the height of each item using not margins but padding  Here is an example   ListView   lt ListView android id    id listView  android layout width  fill parent  android layout height  fill parent    gt    ListItem   lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent      android paddingBottom  10dp      android paddingTop  10dp   gt        lt TextView         android id    id textView          android layout width  wrap content          android layout height  wrap content          android layout alignParentLeft  true          android text  Item          android textAppearance   android attr textAppearanceSmall    gt    lt  RelativeLayout gt

User · Answer

Instead of giving margin  you should give padding    lt ListView     android id    id listView1      android layout width  match parent      android layout height  wrap content      android layout alignParentLeft  true      android divider   android color green      android dividerHeight  4dp      android layout alignParentTop  true      android padding  5dp   gt    lt  ListView gt    OR   lt ListView     android id    id listView1      android layout width  match parent      android layout height  wrap content      android layout alignParentLeft  true      android layout alignParentTop  true      android paddingTop  2dp      android divider   android color green      android dividerHeight  4dp      android paddingLeft  1dp      android paddingRight  1dp      android paddingBottom  2dp      android paddingStart  0dp      android paddingEnd  0dp   gt    lt  ListView gt

User · Answer

lt ListView     android clipToPadding  false      android paddingTop  10dp      android paddingBottom  10dp      android dividerHeight  10dp      android divider   null      android layout width  match parent      android layout height  match parent  gt   lt  ListView gt    and set paddingTop  paddingBottom and dividerHeight to the same value to get equal spacing between all elements and space at the top and bottom of the list   I set clipToPadding to false to let the views be drawn in this padded area   I set divider to  null to remove the lines between list elements

User · Answer

you just need to make background transparent of list divider  and make height according to your needed gap    lt ListView           android id    id custom list           android layout height  match parent           android layout width  match parent           android divider   00ffffff           android dividerHeight  20dp   gt

User · Answer

I realize that an answer was already been selected  but I just wanted to share what ended up working for me when I ran into this issue   I had a listView where each entry in the listView was defined by its own layout  similar to what Sammy posted in his question  I tried the suggested approach of changing the divider height  but that did not end up looking all too pretty  even with an invisible divider  After some experimentation  I simply added an android paddingBottom  5dip  to the last TextView layout element in the XML file that defines individual listView entries   This ended up giving me exactly what I was trying to achieve via the use of android layout marginBottom  I found this solution to produce a more aesthetically pleasing result than trying to increase the divider height

User · Answer

A lot of these solutions work  However  if all you want is to be able to set the margin between items the simplest method I have come up with is to wrap your item - in your case the CheckedTextView - in a LinearLayout and put your margin formatting for the item in that  not the root-layout  Be sure to give this wrapping layout an id and create it along with your CheckedTextView in your adapter   That s it  In effect  you are instantiating the margin at the item level for the ListView  Because the ListView does not know about any item layout - only your adapter does  This basically inflates the part of the item layout that was being ignored before

[android] How to set space between listView Items in Android

Examples related to android

Examples related to android-layout

Examples related to android-listview