Add only top and bottom border on LinearLayout

Question

I would like to add only a bottom and a top border on my Linearlayout. I have tried to do this :

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

<item
    android:bottom="1dp"
    android:top="1dp">
    <shape android:shape="rectangle">
        <solid android:color="#FFFFFF" />
        <stroke
            android:width="1dp"
            android:color="#000" />
    </shape>
</item>
</layer-list>

But it add a border around the shape..

Could you help me please ?

Better use a 9 patch in this case. just draw the upper and lower borders and leave the right and left borders transparent. Of course, excluding the 9 patch markers. — Phantômaxx, Apr 22 '14 at 10:01
You can follow [Is there an easy way to add a border to the top and bottom of an Android View?][1] [1]: http://stackoverflow.com/questions/1598119/is-there-an-easy-way-to-add-a-border-to-the-top-and-bottom-of-an-android-view — , Apr 22 '14 at 10:05

score 30 · Answer 1 · answered Jan 20 '15 at 09:27

I think you can create this drawable and use it as background:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item>
        <shape android:shape="rectangle" >
            <solid android:color="#000"/>
        </shape>
    </item>
    <item android:bottom="1dp" android:top="1dp">
        <shape android:shape="rectangle" >
            <solid android:color="#FFFFFF" />
        </shape>
    </item>
</layer-list>

Think of is as drawing a rectangle with border color first and then lay on top of it a rectangle with your background color leaving out 1dp on top and at the bottom.

Won't it have an overhead in painting? – CoolMind Aug 31 '16 at 12:06 — CoolMind, Aug 31 '16 at 12:06

Jaykumar Patel · Accepted Answer · 2014-04-22T12:33:18.960

26

Make this two file and put this code. you can set border top and bottom border,

main.xml

<TextView
      android:text="This is textline"
      android:background="@drawable/border_set"
/>

border_set.xml

This file located into full path project_root/res/drawable/border_set.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
      <shape 
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#FF000000" />
            <solid android:color="#FFDDDDDD" />

        </shape>
   </item>

   <item android:top="1dp" android:bottom="1dp"> 
      <shape 
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#000" />
            <solid android:color="#FFFFFF" />
        </shape>
   </item>

</layer-list>

edited Apr 22 '14 at 12:33

answered Apr 22 '14 at 10:08

Jaykumar Patel

26,836
12
74
76

8

It seems that it doesn't work. There is a border all around the shape. I have updated my post – wawanopoulos Apr 22 '14 at 11:40
2

@wawanopoulos This does not work for me too. I think you should un-accept the answer. This is mis-leading – Sachin Jain Nov 18 '15 at 13:37
2

He also took his answer from here: http://stackoverflow.com/questions/1598119/is-there-an-easy-way-to-add-a-border-to-the-top-and-bottom-of-an-android-view – C Goldsworthy Jan 04 '16 at 16:16
2

This is a version that works for bottom-border: http://stackoverflow.com/a/19239478/4975760 – Dacker Apr 03 '16 at 22:06
What if I wanted border top to be different color than border bottom? – Si8 Dec 07 '16 at 01:29
@sachinjain024 It would work after remove the stroke. – zeleven Feb 06 '18 at 08:44

score 22 · Answer 3 · answered Aug 26 '15 at 10:16

Here is the solution. It works even with transparent background.

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

    <item android:left="-2dp"  android:right="-2dp">
        <shape android:shape="rectangle">
            <stroke android:width="2dp" android:color="@color/borderColor" />
            <solid android:color="@color/backgroundColor" />
        </shape>
    </item>

</layer-list>

is used to set background color – dzikovskyy Aug 06 '19 at 19:30 — dzikovskyy, Aug 06 '19 at 19:30

score 18 · Answer 4 · answered Dec 19 '17 at 03:39

18

I believe this is the simplest way:

<View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="#000000" />

answered Dec 19 '17 at 03:39

doctorram

1,112
14
13

The normal color of the divider is gray and it's thinner so this would be better. – bvmobileapps Apr 01 '18 at 02:34

score 10 · Answer 5 · edited Apr 23 '20 at 11:40

This is my version; top border and bottom border are visible, not showing the left or right borders. And the background is transparent.

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="1dp">

    <item
        android:left="-1dp"
        android:right="-1dp"
        android:top="-1dp"
        android:bottom="1dp">
        <shape
            android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="@color/BlueGrey_colorPrimary" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>

</layer-list>

score 6 · Answer 6 · answered Jul 28 '16 at 15:52

A quick way to achieve this:

Add a Text View to the bottom and/or top of your layout.
Set the TextView's width to "match_parent"
Set the TextView's height to about "1dp" or find the thickness you would like
Set the TextView's background to the color you would like the border to be

I hope this helps!

score 1 · Answer 7 · edited Nov 18 '15 at 13:39

Its simple. Draw 3 shapes like this.

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

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="@color/menu_line_separator_in" />
        </shape>
    </item>
    <item android:bottom="1.5dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/menu_line_separator_out" />
        </shape>
    </item>
    <item android:top="1.5dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/menu_line_separator_out" />
        </shape>
    </item>

</layer-list>

what is the differences between *menu_line_separator_in* and *menu_line_separator_out*? say that I want to draw black line on top and bottom. I think **menu_line_separator_out** just a black color. But, how about **menu_line_separator_in**? — Sam, Jun 21 '17 at 07:21

score 1 · Answer 8 · edited May 23 '17 at 11:47

1

You can follow this link Is there an easy way to add a border to the top and bottom of an Android View?

I expect that you are solve from this link. also you can solve How to add border around linear layout except at the bottom?

edited May 23 '17 at 11:47

Community

1
1

answered Apr 22 '14 at 10:09

Add only top and bottom border on LinearLayout

8 Answers8

Linked