glass like background color in android

Question

I am creating an app, where i am creating a layout like this image,

glassy Look

but i want that the upper part of the image should be of some other color, but the color should be transparent, so that the background should be visible from that color. I am using a style xml for this,

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="rectangle"> 
     <stroke android:width="2dp" android:color="#FFFFFFFF" />
     <gradient android:startColor="#DD000000" android:endColor="#DD2ECCFA" 
            android:angle="225"/> 

    <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
     android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape>

But it is creating a color layout that is not transparent and the background is not visible from this color. suggest some tips to make the color transparent, so that i can attain a glassy look for layout.

possible duplicate of http://stackoverflow.com/questions/11559832/how-to-make-buttons-color-like-glasss-color-in-android-eclipse/11560893#11560893 — Ram kiran Pachigolla, Aug 30 '12 at 05:47
i have a scroll view, which is the upper part whose background is linear layout whose background is blue. i want to make the scroll's background color opaque, so that the linear layout's color is visible from it. — Sahil Mahajan Mj, Aug 30 '12 at 05:57
yes exactly, this style is applied to scrollview to make its color opaque. i added a line.. .. to make it opaque, as AA is for making things opaque, but its not working as such.. — Sahil Mahajan Mj, Aug 30 '12 at 06:08

score 5 · Accepted Answer · answered Aug 30 '12 at 05:47

5

use this code,

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
 android:shape="rectangle"> 
 <stroke android:width="2dp" android:color="#FFFFFFFF" />
 <gradient android:startColor="#DD000000" android:endColor="#DD2ECCFA" 
        android:angle="225"/> 

 <solid android:color="#AA181818" />

<corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
 android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape>

Add one line your code ,

<solid android:color="#AA181818" />

answered Aug 30 '12 at 05:47

rajeshwaran

1,512
1
18
24

I want to increase the opacity of the color, so that the background should be visible, not matter change the gradient colors. – Sahil Mahajan Mj Aug 30 '12 at 05:55
1

i have a scroll view, which is the upper part whose background is linear layout whose background is blue. i want to make the scroll's background color opaque, so that the linear layout's color is visible from it. – – Sahil Mahajan Mj Aug 30 '12 at 05:57
solid android:color="#AA181818" in this color code first two digit is opacity. – rajeshwaran Aug 30 '12 at 05:58
1

But its not working, the upper color is not opaque, the background is not visible from this color. – Sahil Mahajan Mj Aug 30 '12 at 06:07
you have add suitable color in solid android color depend upon your gradient color. – rajeshwaran Aug 30 '12 at 06:13
i hae removed the gradient color and used only the solid color, still its not opaque. – Sahil Mahajan Mj Aug 30 '12 at 06:20
if it is possible post your xml . – rajeshwaran Aug 30 '12 at 06:27
This is my round_rect_layout.xml, – Sahil Mahajan Mj Aug 30 '12 at 08:29

score 2 · Answer 2 · answered Aug 30 '12 at 12:44

The isuue is solved, thanx rajeshwaran, i have used..

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="rectangle"> 
     <stroke android:width="1dp" android:color="#FFFFFFFF" />

<solid android:color="#150000A0" />
    <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
     android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 
</shape>

I have just given values instead of AA in solid tag..

<solid android:color="#150000A0" />

Thanx for help.. helped me in understanding the concept of color..

 <solid android:color="#AARRGGBB" />

glass like background color in android

2 Answers2