Search code examples
androidandroid-linearlayoutroundedcorners-dropshadow

How to show shadow around the linearlayout in Android?


How can I show shadow for my linear layout. I want white colored rounded background with shadow around the linearlayout. I have done this so far.

<LinearLayout
 android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:background="@xml/rounded_rect_shape"
android:orientation="vertical"
android:padding="10dp">
<-- My buttons, textviews, Imageviews go here -->
</LinearLayout>

And rounded_rect_shape.xml under xml directory

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle" >

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

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

Solution

  • There is no such attribute in Android, to show a shadow. But possible ways to do it are:

    1. Add a plain LinearLayout with grey color, over which add your actual layout, with margin at bottom and right equal to 1 or 2 dp

    2. Have a 9-patch image with a shadow and set it as the background to your Linear layout