How to draw border on just one side of a linear layout

Question

I m able to draw border to a linear layout  but it is getting drawn on all sides  I want to restrict it to right side only  like you do in CSS  border-right 1px solid red     I ve tried this  but it still draws on all sides    lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android   gt   lt item gt       lt shape android shape  rectangle   gt           lt stroke             android height  2dp              android width  2dp              android color   FF0000    gt            lt solid android color   000000    gt            lt padding             android bottom  0dp              android left  0dp              android right  1dp              android top  0dp    gt            lt corners             android bottomLeftRadius  0dp              android bottomRightRadius  5dp              android radius  1dp              android topLeftRadius  5dp              android topRightRadius  0dp    gt       lt  shape gt   lt  item gt      Any suggestions on how to accomplish this   BTW  I do not want to use the hack of putting a view of width 1dp on the required side

User · Answer

it is also possible to implement what you want using a single layer

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:bottom="-5dp"
        android:right="-5dp"
        android:top="-5dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/color_of_the_background" />

            <stroke
                android:width="5dp"
                android:color="@color/color_of_the_border" />
        </shape>
    </item>

</layer-list>

this way only left border is visible but you can achieve any combination you want by playing with bottom, left, right and top attributes of the item element

User · Answer

Easy as pie  allowing a transparent bg    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 gradient         android angle  0          android startColor   f00          android centerColor   android color transparent          android centerX  0 01    gt   lt  shape gt    Change the angle to change border location    0   left 90   bottom 180   right 270   top

User · Answer

To get a border on just one side of a drawable  apply a negative inset to the other 3 sides  causing those borders to be drawn off-screen      lt  xml version  1 0  encoding  utf-8   gt   lt inset xmlns android  http   schemas android com apk res android      android insetTop  -2dp       android insetBottom  -2dp      android insetLeft  -2dp  gt        lt shape android shape  rectangle  gt           lt stroke android width  2dp  android color   FF0000    gt           lt solid android color   000000    gt       lt  shape gt    lt  inset gt       This approach is similar to naykah s answer  but without the use of a layer-list

User · Answer

There is no mention about nine-patch files here  Yes  you have to create the file  however it s quite easy job and it s really  cross-version and transparency supporting  solution  If the file is placed to the drawable-nodpi directory  it works px based  and in the drawable-mdpi works approximately as dp base  thanks to resample    Example file for the original question  border-right 1px solid red   is here    http   ge tt 517ZIFC2 v 3 c  Just place it to the drawable-nodpi directory

User · Answer

You can use this to get border on one side   lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt   lt item gt       lt shape android shape  rectangle  gt           lt solid android color   FF0000    gt       lt  shape gt   lt  item gt   lt item android left  5dp  gt       lt shape android shape  rectangle  gt           lt solid android color   000000    gt       lt  shape gt   lt  item gt   lt  layer-list gt    EDITED  As many including me wanted to have a one side border with transparent background  I have implemented a BorderDrawable which could give me borders with different size and color in the same way as we use css  But this could not be used via xml  For supporting XML  I have added a BorderFrameLayout in which your layout can be wrapped   See my github for the complete source

User · Answer

As an alternative  if you don t want to use background   you can easily do it by making a view as follows    lt View     android layout width  2dp      android layout height  match parent      android background   000000    gt    For having a right border only  place this after the layout  where you want to have the border     lt View     android layout width  2dp      android layout height  match parent      android background   000000    gt    For having a left border only  place this before the layout  where you want to have the border      Worked for me   Hope its of some help

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android state pressed  true   gt           lt shape gt               lt solid                 android color   f28b24    gt               lt stroke                 android width  1dp                  android color   f28b24    gt               lt corners                 android radius  0dp   gt               lt padding                 android left  0dp                  android top  0dp                  android right  0dp                  android bottom  0dp    gt           lt  shape gt       lt  item gt       lt item gt           lt shape gt               lt gradient                 android startColor   f28b24                  android endColor   f28b24                  android angle  270    gt               lt stroke                 android width  0dp                  android color   f28b24    gt               lt corners                 android bottomLeftRadius  8dp                  android bottomRightRadius  0dp                  android topLeftRadius  0dp                  android topRightRadius  0dp   gt               lt padding                 android left  10dp                  android top  10dp                  android right  10dp                  android bottom  10dp    gt           lt  shape gt       lt  item gt   lt  selector gt

User · Answer

Borders of different colors  I used 3 items    lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item gt           lt shape android shape  rectangle  gt               lt solid android color   color colorAccent    gt           lt  shape gt       lt  item gt       lt item android top  3dp  gt           lt shape android shape  rectangle  gt               lt solid android color   color light grey    gt           lt  shape gt       lt  item gt       lt item         android bottom  1dp          android left  1dp          android right  1dp          android top  3dp  gt           lt shape android shape  rectangle  gt               lt solid android color   color colorPrimary    gt           lt  shape gt       lt  item gt   lt  layer-list gt

User · Answer

An other great example    lt  xml version  1 0  encoding  UTF-8  standalone  no   gt    lt inset xmlns android  http   schemas android com apk res android       android insetRight  -2dp  gt         lt shape android shape  rectangle  gt            lt corners              android bottomLeftRadius  4dp               android bottomRightRadius  0dp               android topLeftRadius  4dp               android topRightRadius  0dp    gt            lt stroke              android width  1dp               android color   color nasty green    gt            lt solid android color   android color transparent    gt        lt  shape gt    lt  inset gt

User · Answer

I was able to achieve the effect with the following code   lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android   gt       lt item android left  0dp  android right  -5dp  android top  -5dp  android bottom  -5dp  gt           lt shape         android shape  rectangle  gt               lt stroke android width  1dp  android color   123456    gt           lt  shape gt       lt  item gt   lt  layer-list gt    You can adjust to your needs for border position by changing the direction of displacement

[android] How to draw border on just one side of a linear layout?

Examples related to android