Android: rounded shadow layout

Question

I want a shape on the background of the layout, as shown below. I tried something that is given below.

borders.xml

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!--Layer 0--> <!--Layer 1--> <!--Layer 2--> <!--Layer 3--> <!--Layer 4 (content background)--> <!-- dropshadow --> <item> <shape> <solid android:color="#10CCCCCC" /> <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" /> </shape> </item> <item> <shape> <solid android:color="#20CCCCCC" /> <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" /> </shape> </item> <item> <shape> <solid android:color="#40CCCCCC" /> <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" /> </shape> </item> <item> <shape> <solid android:color="#50CCCCCC" /> <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" /> </shape> </item> <item> <shape> <solid android:color="#60CCCCCC" /> <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" /> </shape> </item> <!-- content background --> <item> <shape> <solid android:color="#ffffff" /> </shape> </item> </layer-list> 

And the layout set as

 android:background="@drawable/borders" 

Thanks to this implementation, I get this

How can I get a shadow with rounded corners as shown below?

Answer 1

you must add “corners” to the form:

  <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#ffffffff"/> <stroke android:width="3dp" android:color="#ff000000" /> <padding android:left="1dp" android:top="1dp" android:right="1dp" android:bottom="1dp" /> <corners android:radius="7dp"/>