How to add vertical divider to a horizontal LinearLayout

Question

I m trying to add a divider to a horizontal linear layout but am getting nowhere  The divider just doesn t show  I am a total newbie with Android   This is my layout 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      tools context   MainActivity   gt        lt LinearLayout          android layout width  fill parent          android layout height  wrap content          android id    id llTopBar          android orientation  horizontal          android divider   00ff00          android dividerPadding  22dip          android showDividers  middle          gt            lt Button             android layout width  wrap content              android layout height  match parent              android text  asdf    gt               lt Button             android layout width  wrap content              android layout height  match parent              android text  asdf                 gt        lt  LinearLayout gt    lt  RelativeLayout gt

User · Answer

It is easy to add divider to layout  we don t need a separate view    lt LinearLayout     android layout width  match parent      android layout height  wrap content      android layout alignParentBottom  true      android divider   android listDivider      android dividerPadding  2 5dp      android orientation  horizontal      android showDividers  middle      android weightSum  2   gt  lt  LinearLayout gt    Above code make vertical divider for LinearLayout

User · Answer

You can use the built in divider  this will work for both orientations    lt LinearLayout   android layout width  match parent    android layout height  match parent    android divider   android attr listDivider    android orientation  horizontal    android showDividers  middle  gt

User · Answer

If the answer of Kapil Vats is not working try something like this   drawable divider horizontal green 22 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  22dip   gt       lt solid android color   00ff00   gt    lt  shape gt    layout your layout xml  LinearLayout              android layout width  fill parent              android layout height  wrap content              android id    id llTopBar              android orientation  horizontal              android divider   drawable divider horizontal green 22              android showDividers  middle              gt    I encountered an issue where the padding attribute wasn t working  thus I had to set the height of the divider directly in the divider   Note   If you want to use it in vertical LinearLayout  make a new one  like this  drawable divider vertical green 22 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  22dip   gt       lt solid android color   00ff00   gt    lt  shape gt

User · Answer

You have to create the any view for separater like textview or imageview then set the background for that if you have image else use the color as the background    Hope this helps you

User · Answer

I just ran into the same problem today  As the previous answers indicate  the problem stems from the use of a color in the divider tag  rather than a drawable  However  instead of writing my own drawable xml  I prefer to use themed attributes as much as possible  You can use the android attr dividerHorizontal and android attr dividerVertical to get a predefined drawable instead    lt LinearLayout     android layout width  match parent      android layout height  match parent      android showDividers  middle      android divider   android attr dividerVertical      android orientation  horizontal  gt       lt  -- other views -- gt   lt  LinearLayout gt    The attributes are available in API 11 and above   Also  as mentioned by bocekm in his answer  the dividerPadding property does NOT add extra padding on either side of a vertical divider  as one might assume  Instead it defines top and bottom padding and thus may truncate the divider if it s too large

User · Answer

Try this  create a divider in the res drawable folder   vertical divider 1 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   666666    gt       lt  shape gt     And use the divider attribute in LinearLayout like this     lt LinearLayout     android layout width  match parent      android layout height  48dp      android orientation  horizontal      android divider   drawable vertical divider 1      android dividerPadding  12dip      android showDividers  middle      android background   ffffff   gt        lt Button         android id    id button1          android layout width  wrap content          android layout height  wrap content          android text  Button    gt       lt Button         android id    id button2          android layout width  wrap content          android layout height  wrap content          android text  Button    gt    lt  LinearLayout gt    Note  android divider is only available in Android 3 0  API level 11  or higher

User · Answer

Update  pre-Honeycomb using AppCompat If you are using the AppCompat library v7 you may want to use the LinearLayoutCompat view  Using this approach you can use drawable dividers on Android 2 1  2 2 and 2 3  Example code   lt android support v7 widget LinearLayoutCompat         xmlns app  quot http   schemas android com apk res-auto quot          android layout width  quot fill parent quot          android layout height  quot wrap content quot          android orientation  quot horizontal quot          app showDividers  quot middle quot          app divider  quot  drawable divider quot  gt   drawable divider xml   divider with some padding on the top and bottom   lt  xml version  quot 1 0 quot  encoding  quot UTF-8 quot   gt   lt inset xmlns android  quot http   schemas android com apk res android quot          android insetBottom  quot 2dp quot          android insetTop  quot 2dp quot  gt       lt shape gt           lt size android width  quot 1dp quot    gt           lt solid android color  quot  FFCCCCCC quot    gt       lt  shape gt   lt  inset gt   Very important note  The LinearLayoutCompat view does not extend LinearLayout and therefor you should not use the android showDividers or android divider properties but the custom ones  app showDividers and app divider  In code you should also use the LinearLayoutCompat LayoutParams not the LinearLayout LayoutParams

User · Answer

Your divider may not be showing due to too large dividerPadding  You set 22dip  that means the divider is truncated by 22dip from top and by 22dip from bottom  If your layout height is less than or equal 44dip then no divider is visible

User · Answer

Frustratingly  you have to enable showing the dividers from code in your activity   For example   protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState           Set the view to your layout     setContentView R layout yourlayout           Find the LinearLayout within and enable the divider       LinearLayout v findViewById R id llTopBar            setShowDividers LinearLayout SHOW DIVIDER MIDDLE

User · Answer

In order to get drawn  divider of LinearLayout must have some height while ColorDrawable  which is essentially  00ff00 as well as any other hardcoded color  doesn t have  Simple  and correct  way to solve this  is to wrap your color into some Drawable with predefined height  such as shape drawable

User · Answer

use this for horizontal divider   lt View     android layout width  1dp      android layout height  match parent      android background   color honeycombish blue    gt    and this for vertical divider   lt View     android layout width  match parent      android layout height  1dp      android background   color honeycombish blue    gt    OR if you can use the LinearLayout  divider  for horizontal divider   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  1dp   gt       lt solid android color   f6f6f6   gt   lt  shape gt    and in LinearLayout   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent      android divider   drawable divider      android orientation  vertical      android showDividers  middle   gt    If you want to user vertical divider then in place of android height  1dp  in shape use android width  1dp   Tip  Don t forget the android showDividers item

[android] How to add (vertical) divider to a horizontal LinearLayout?

Examples related to android

Examples related to android-layout

Examples related to android-linearlayout

Examples related to divider