Alpha-gradient on Android

ftp27 picture ftp27 · Jan 15, 2013 · Viewed 28.5k times · Source

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

Image for example

Answer

Dixit Patel picture Dixit Patel · Jan 15, 2013

Here the solution

the image look like below picture

enter image description here

code for that:

  • Prepare shape drawable

res/drawable/gradient_shape.xml:

<?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>

Define layout: activity_main.xml:

<ImageView
    android:id="@+id/photo"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/photo"
    android:src="@drawable/gradient_shape" />

here drawable/photo is just jpeg in drawables folder

EDIT for more information refer this Tutorial