Android Shape Line

Question

I have the following code:

   <shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="line">
   <stroke android:width="1dp"/>
   <size android:height="1dp" />
   <solid  android:color="#FFF"/>
   </shape>


   <LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:background ="@drawable/line"/>

I have two questions:

Why the line is black instead white? I have tried putting it inside a ImageView but the result is the same.
How can i set the opacity of the shape?

score 29 · Accepted Answer · answered May 03 '10 at 14:11

29

1) In order to set the color of the line, you need to define android:color on the <stroke>. The <solid> element is for the background.

2) You can set the opacity of the shape by using color values with an alpha layer, aka #ARGB. In your case, maybe #7FFF.

answered May 03 '10 at 14:11

Dan Lew

85,990
32
182
176

@Vaiden Android supports 4-digit ARGB. In that case, it will be interpreted as #77FFFFFF. – Andrew T. Sep 02 '14 at 06:10

score 22 · Answer 2 · edited Dec 17 '15 at 10:51

22

The simplest example of the line for 2 density pixels with black color. Just save the xml in drawable folder: res/drawable/shape_black_line.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="line">
<stroke 
    android:width="1dp" 
    android:color="#000000" />
<size android:height="2dp" />
</shape>

Use LinearLayout and background to show the line.

<LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" 
            android:background="@drawable/divider">
</LinearLayout>

I hope this helped.

edited Dec 17 '15 at 10:51

Juan José Melero Gómez

2,742
2
19
36

answered Sep 02 '14 at 05:14

Hemant Shori

2,463
1
22
20

5

Wouldn't it be less memory consuming if we used ``instead of LinearLayout? – Juan José Melero Gómez Dec 17 '15 at 10:04
1

Yes u can use it . As everyclass is extened from view – Hemant Shori Dec 24 '15 at 12:37
Can you explain the difference in code between yours and the OP's? That's not obvious at first sight – Vince Aug 04 '22 at 19:01

Kaaveh Mohamedi · Answer 3 · 2018-11-24T11:49:15.270

0

A tricky way can be like this:

1) Add a View where you want have a line.

2) set android:background to a hex value that you can set both color and opacity.

For example:

<View
    android:layout_width="match_parent"
    android:layout_height="6dp"
    android:background="#77f27123"
    android:orientation="vertical" />

edited Nov 24 '18 at 11:49

answered Nov 24 '18 at 07:06

Kaaveh Mohamedi

1,399
1
15
36

Android Shape Line

3 Answers3