Android Drawing Separator Divider Line in Layout

Question

I would like to draw a line right in the middle of a layout and use it as a separator of other items like TextView  Is there a good widget for this   I don t really want to use an image as it would be hard to match the other components to it   And I want it to be relatively positioned as well   Thanks

User · Answer

It adds a horizontal divider to anywhere in your layout        lt TextView        style   android listSeparatorTextViewStyle         android layout width  fill parent         android layout height  wrap content   gt

User · Answer

If you are going to use it a lot  best thing to do is  styles xml    lt style name  Seperator  gt           lt item name  android layout width  gt match parent lt  item gt           lt item name  android layout height  gt 1dp lt  item gt           lt item name  android background  gt  color light color lt  item gt       lt  style gt    now in your layout  just add it like    lt View style   style Seperator    gt

User · Answer

lt ImageView     android layout width  fill parent      android layout height  wrap content      android paddingBottom  2dp      android paddingLeft  5dp      android paddingRight  5dp      android paddingTop  2dp      android scaleType  fitXY      android src   android attr listDivider    gt

User · Answer

lt layer-list xmlns android  http   schemas android com apk res android  android shape  rectangle  gt   lt item     android bottom  0dp      android left  -2dp      android right  -2dp      android top  -2dp  gt       lt shape android shape  rectangle  gt           lt stroke             android width  1dp              android color   color divider    gt       lt  shape gt   lt  item gt

User · Answer

Here is the code   a horizontal divider line between two Text Views   Try this       lt TextView         android id   id textView          android layout width  match parent          android layout height  wrap content          android textSize  5dp          android inputType  textPersonName          android text  address    gt         lt View         android layout width  match parent          android layout height  1dp          android background   android color black   gt         lt TextView         android id   id textView7          android layout width  match parent          android layout height  wrap content          android inputType  textPersonName           android text  Upload File    gt   gt

User · Answer

if you use actionBarSherlock  you can use the com actionbarsherlock internal widget IcsLinearLayout class in order to support dividers and show them between the views    example of usage    lt com actionbarsherlock internal widget IcsLinearLayout     android layout width  match parent      android layout height  match parent      android layout alignParentBottom  true      android layout alignParentLeft  true      android divider   drawable divider      android dividerPadding  10dp      android orientation  vertical      android showDividers  beginning middle end   gt      children      res drawable 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  2dip    gt        lt solid android color   FFff0000    gt    lt  shape gt    do note that for some reason  the preview in the graphical designer says  android graphics bitmap delegate nativeRecycle I Z    not sure what it means  but it can be ignored as it works fine on both new versions of android and old ones  tested on android 4 2 and 2 3     seems the error is only shown when using API17 for the graphical designer

User · Answer

Add a horizontal black line using this    lt LinearLayout     android layout width  match parent      android layout height  1dp      android background   000000      android layout marginTop  10dp   gt

User · Answer

Simple solution just add this code in your layout and replace  Id of  view present above  to the id of the view  below which you need the divider    lt TextView   android layout width  match parent    android layout height  1dp    android background   c0c0c0    android id    id your id    android layout marginTop  16dp     android layout below    id Id of  view present above    gt

User · Answer

lt View             android layout width  2dp              android layout height  match parent              android layout marginTop  4dp              android background   android color darker gray    gt    Between two Layouts Put this code to get Divider

User · Answer

For example if you used recyclerView for yours items   in build gradle write   dependencies       compile  com yqritc recyclerview-flexibledivider 1 4 0    If you want to set color  size and margin values  you can specify as the followings   RecyclerView recyclerView    RecyclerView   findViewById R id recyclerview   recyclerView addItemDecoration          new HorizontalDividerItemDecoration Builder this                   color Color RED                   sizeResId R dimen divider                   marginResId R dimen leftmargin  R dimen rightmargin                   build

User · Answer

Adding this view  that draws a separator between your textviews   lt View     android layout width  match parent      android layout height  1dp      android background   000000    gt

User · Answer

for vertical line    lt View    android layout width  1dp     android layout height  fill parent     android background   00000000    gt        for horizontal line     lt View    android layout width  fill parent     android layout height  1dp     android background   00000000    gt    it works like a charm

User · Answer

use this xml code to add vertical line    lt View     android layout width  1dp      android layout height  match parent      android layout centerVertical  true      android background   000000    gt    use this xml code to add horizontal line   lt View     android layout width  match parent      android layout height  1dp      android background   000000    gt

User · Answer

Here is your answer  this is an example to draw line between controls      lt TextView             android id    id textView1              style   style behindMenuItemLabel1              android layout width  wrap content              android layout height  wrap content              android layout marginTop  1dp              android text  FaceBook Feeds    gt             lt View              android layout width  fill parent               android layout height  2dp               android background   d13033   gt             lt ListView             android id    id list1              android layout width  350dp              android layout height  50dp    gt    This code draw line between two controls

User · Answer

use this code  It will help    lt LinearLayout     android layout width  0dip      android layout height  match parent      android layout gravity  center      android layout weight  1      android divider   android dividerHorizontal      android gravity  center      android orientation  vertical      android showDividers  middle   gt

User · Answer

I usually use this code to add horizontal line    lt View     android layout width  match parent      android layout height  1dp      android background   android color darker gray   gt    To add vertical separator  switch the layout width and layout height values

User · Answer

You can use this in LinearLayout     android divider   android dividerHorizontal  android showDividers  middle    For Example       lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout      xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent      android divider   android dividerHorizontal      android showDividers  middle      android orientation  vertical   gt                        lt TextView           android layout height  wrap content           android layout width  wrap content           android text  abcd gttff hthjj ssrt guj   gt            lt TextView          android layout height  wrap content          android layout width  wrap content          android text  abcd   gt           lt TextView          android layout height  wrap content          android layout width  wrap content          android text  abcd gttff hthjj ssrt guj   gt            lt TextView          android layout height  wrap content          android layout width  wrap content          android text  abcd   gt    lt  LinearLayout gt

User · Answer

Runtime version   View dividerView   new View getContext     LinearLayout LayoutParams lp   new LinearLayout LayoutParams      ViewGroup LayoutParams FILL PARENT  UIUtils dpToPix getContext    1    dividerView setLayoutParams lp    TypedArray array   getContext   getTheme        obtainStyledAttributes new int    android R attr listDivider    Drawable draw   array getDrawable 0          array recycle     dividerView setBackgroundDrawable draw   mParentLayout addView dividerView

User · Answer

Divide the space in two equal parts     lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent      android orientation  vertical  gt        lt LinearLayout         android layout width  match parent          android layout height  0dp          android layout weight  1          android divider   android dividerHorizontal          android showDividers  end  gt  lt  LinearLayout gt        lt LinearLayout         android layout width  match parent          android layout height  0dp          android layout weight  1  gt  lt  LinearLayout gt    lt  LinearLayout gt    Notice that one part contains a divider at the end

User · Answer

You can use this  lt View gt  element just after the First TextView            lt View          android layout marginTop   dimen d10dp           android id    id view1           android layout width  fill parent           android layout height  1dp           android background   c0c0c0   gt

User · Answer

To complete Camille S  vigny answer you can additionally define your own line shape for example to custom the line color   Define an xml shape in drawable directory  line horizontal xml    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto  android shape  line  gt       lt stroke android width  2dp  android color   android color holo blue dark    gt       lt size android width  5dp    gt   lt  shape gt    Use this line in your layout with the wished attributes        lt ImageView         android layout width  fill parent          android layout height  wrap content          android paddingBottom  2dp          android paddingLeft  5dp          android paddingRight  5dp          android paddingTop  2dp          android src   drawable line horizontal    gt

User · Answer

To improve on the answers provided by Alex Kucherenko and Dan Dar3  I added this to my styles    lt style name  Divider  gt       lt item name  android layout width  gt match parent lt  item gt       lt item name  android layout height  gt 1dp lt  item gt       lt item name  android background  gt  android attr listDivider lt  item gt   lt  style gt    Then in my layouts is less code and simpler to read    lt View style   style Divider   gt

User · Answer

Easiest Way  Vertical divider    lt View style  quot  style Divider Vertical quot   gt   Horizontal divider    lt View style  quot  style Divider Horizontal quot   gt   That s all yes  Just put this in res gt values gt styles xml  lt style name  quot Divider quot  gt       lt item name  quot android background quot  gt  android attr listDivider lt  item gt    you can give your color here  that will change all divider color in your app   lt  style gt    lt style name  quot Divider Horizontal quot  parent  quot Divider quot  gt       lt item name  quot android layout width quot  gt match parent lt  item gt       lt item name  quot android layout height quot  gt 1dp lt  item gt     You can change thickness here    lt  style gt    lt style name  quot Divider Vertical quot  parent  quot Divider quot  gt       lt item name  quot android layout width quot  gt 1dp lt  item gt       lt item name  quot android layout height quot  gt match parent lt  item gt   lt  style gt

User · Answer

Add this in your layout where you want the divider  modify the attributes to fit your need     lt ImageView     xmlns android  http   schemas android com apk res android      android src   android drawable divider horizontal dark      android layout width  fill parent      android layout height  wrap content      android scaleType  fitXY      android paddingLeft  5dp      android paddingRight  5dp      android paddingBottom  2dp      android paddingTop  2dp    gt

User · Answer

lt TextView     android id    id line      style   android attr listSeparatorTextViewStyle      android paddingTop  5dip      android gravity  center horizontal      android layout below    id connect help      android layout width  match parent      android layout height  1dp      android background   000    gt

User · Answer

In cases where one is using android layout weight property to assign available screen space to layout components  for instance   lt LinearLayout     android layout width  match parent      android layout height  match parent      android orientation  horizontal  gt        lt LinearLayout         android layout width  0dp          android layout weight  1          android layout height  match parent          android orientation  vertical  gt                               lt  LinearLayout gt           And we want to add a verical separator here          lt LinearLayout         android layout width  0dp          android layout weight  1          android layout height  match parent          android orientation  vertical  gt                                lt  LinearLayout gt    lt  LinearLayout gt    To add a separator between the existing two layouts which has taken the entire screen space already  we cannot just add another LinearLayout with android weight  1  because that will make three equal width columns which we don t want  Instead  we will decrease the amount of space we will be giving to this new layout  Final code would look like this    lt LinearLayout     android layout width  match parent      android layout height  match parent      android orientation  horizontal  gt        lt LinearLayout         android layout width  0dp          android layout weight  1          android layout height  match parent          android orientation  vertical  gt                               lt  LinearLayout gt                                                                            Add another LinearLayout with android layout weight  0 01  and         android background   your choice          lt LinearLayout         android layout width  0dp          android layout height  match parent          android layout weight  0 01          android background   android color darker gray         gt          Or View can be used         lt View         android layout width  1dp          android layout height  match parent          android layout marginTop  16dp          android background   android color darker gray         gt                                                                           lt LinearLayout         android layout width  0dp          android layout weight  1          android layout height  match parent          android orientation  vertical  gt                               lt  LinearLayout gt    lt  LinearLayout gt

User · Answer

Just write this      android divider   android dividerHorizontal   android showDividers  middle    full example     lt LinearLayout         android id    id llTipInformation          android layout width  match parent          android layout height  wrap content          android layout below    id tvServiceRating          android orientation  horizontal          android divider   android dividerHorizontal          android layout marginTop   dimen activity horizontal margin          android showDividers  middle  gt            lt TextView             android layout width  0dp              android layout height  wrap content              android layout weight  1              android gravity  center              android text   string main msg tippercent              android textAppearance   android attr textAppearanceMedium              android textColor   color colorWhite              android layout marginTop   dimen activity vertical margin   gt           lt TextView             android layout width  0dp              android layout height  wrap content              android layout weight  1              android gravity  center              android text   string main msg tiptotal              android textAppearance   android attr textAppearanceMedium              android textColor   color colorWhite              android layout marginTop   dimen activity vertical margin   gt    lt  LinearLayout gt

User · Answer

This would help you to resolve this problem  Here a small view is created to make a black line as a separator between two views     lt View         android layout width  3dp          android layout height  wrap content          android background   android color black             gt

User · Answer

I usually use this code    lt ImageView     android id    id imageView2      android layout width  match parent      android layout height  1dp      android layout alignParentLeft  true      android layout marginLeft  10dp      android layout marginRight  10dp      android layout marginTop  10dp      android background   aa000000    gt    if you have an object in your layout and you want set line below that use this attribute in ImageView   android layout below    id textBox1

User · Answer

Its very simple  Just create a View with the black background color     lt View     android layout width  match parent      android layout height  1dp      android background   000   gt    This will create a horizontal line with background color  You can also add other attributes such as margins  paddings etc just like any other view

[android] Android Drawing Separator/Divider Line in Layout?

Examples related to android

Examples related to layout

Examples related to draw