Alpha-gradient on Android

Question

I need to create an alpha-gradient on the edge of the ImageView. Preferably using only XML.

also take a look at here: http://stackoverflow.com/a/5088137/4270676 should also work for an ImageView. — Lucker10, Jul 18 '16 at 10:21

score 4 · Answer 1 · answered Oct 23 '14 at 14:17

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <gradient
                android:startColor="#00FFFFFF"
                android:endColor="#FFFFFFFF"
                android:type="linear" />
    </shape>

perfect transperancy. Make sure that the View below gradient is actually below and not just touching Gradient shape View.

If you have main RelativeLayout, ListView and View(Background:Gradient )

make sure that Gradient View is on top, of the ListView, and not a side. If Your gradient is aside it will be transparent by RelativeLayout Background Color and not by ListView .

i hope you understand what i want to say.

Jeremy YANG · Answer 2 · 2019-06-19T15:29:19.087

2

For transparency :

android:startColor="@null"

Or you can use a 8-digit hex color like that :

android:startColor="#FF000000"

The first two FF are for the alpha of the color, 00 is fully transparent and FF opaque

edited Jun 19 '19 at 15:29

answered Jun 19 '19 at 09:45

Jeremy YANG

21
4

score 1 · Accepted Answer · answered Aug 07 '20 at 08:12

Need to code a custom ImageView if you want colorless transparency.

If your background is a static color, here's my preferred workaround:

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

    <item>
        <shape android:shape="rectangle">
            <gradient android:startColor="#00efefef"
                android:endColor="#ffefefef"
                android:angle="270"
                android:type="linear"/>
        </shape>
    </item>
</layer-list>

Alpha-gradient on Android

3 Answers3

Linked