Add drop shadow effects to EditText Field Add drop shadow effects to EditText Field android android

Add drop shadow effects to EditText Field


Well.. @Shalini's answer helped me in this way but still I got another way to achieve 2D shadow with EditText Field and I am going to share with you.

We need to create custom XML view with three layer for EditText, bottom shadow and right side shadow

Below is my code.

res/drawable/edittext_shadow.xml

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"><!-- most important is order of layers -->    <!-- Bottom right side 2dp Shadow -->    <item >        <shape android:shape="rectangle">            <solid android:color="#000000" />                   </shape>    </item>    <!-- Bottom 2dp Shadow -->    <item>        <shape android:shape="rectangle">            <solid android:color="#000000" />           </shape>    </item>    <!-- White Top color -->    <item android:bottom="3px" android:right="3px">        <shape android:shape="rectangle">            <solid android:color="#FFFFFF" />                   </shape>    </item> </layer-list>

Now we can set this shadow view to our TextField using "Background" property

like this

res/layout/main.xml

<EditText android:layout_width="wrap_content"             android:id="@+id/txtpin"              android:maxLength="4"             android:layout_height="37dp"             android:gravity="center_horizontal"             android:longClickable="false"             android:padding="2dp"            android:inputType="textPassword|number"             android:password="true"             android:background="@drawable/edittext_shadow"             android:layout_weight="0.98"             android:layout_marginLeft="15dp">                <requestFocus></requestFocus>   </EditText>

and the result screen is like I have posted in question above.

Thanks to SO, sharing knowledge.


This works for me..

   <EditText        android:layout_width="fill_parent"        android:shadowRadius="2"         android:shadowColor="#0000ff"       android:shadowDx="2"       android:shadowDy="4"        android:id="@+id/EditText01"        android:layout_height="wrap_content" />

Hope it helps:)


From Shadow Effect for a Text in Android?, perhaps you'd consider using

android:shadowColor, android:shadowDx,android:shadowDy,android:shadowRadius;

Alternatively:

setShadowLayer()