Friday, 6 February 2015

Shadow effect to a view in Android

13:06:00 Posted by Kumanan
Create a resource file named shadow.xml in drawable folder.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <gradient
                android:startColor="@color/black"
                android:endColor="@color/black"
                android:centerColor="#10CCCCCC"
                android:angle="180"/>
            <padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
        </shape>
    </item>

    <item>
        <shape>
            <gradient
                android:startColor="@color/black"
                android:endColor="@color/black"
                android:centerColor="#20CCCCCC"
                android:angle="180"/>
            <padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
        </shape>
    </item>

    <item>
        <shape>
            <gradient
                android:startColor="@color/black"
                android:endColor="@color/black"
                android:centerColor="#30CCCCCC"
                android:angle="180"/>

            <padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
        </shape>
    </item>

    <item>
        <shape>
            <gradient
                android:startColor="@color/black"
                android:endColor="@color/black"
                android:centerColor="#40CCCCCC"
                android:angle="180"/>
            <padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
        </shape>
    </item>

    <item>
        <shape>
            <gradient
                android:startColor="@color/black"
                android:endColor="@color/black"
                android:centerColor="#50CCCCCC"
                android:angle="180"/>
            <padding android:top="0dp" android:right="0dp" android:bottom="2dp" android:left="0dp" />
        </shape>
    </item>

    <!-- content background -->
    <item>
        <shape>
            <solid android:color="@color/PostIt_yellow" />
        </shape>
    </item>
</layer-list>



Then apply this drawable file as backgroud for your view, like

    <View
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:background="@drawable/shadow"
        android:id="@+id/view" />