Getting the Facebook Shadow Effect on Background Layout Drawable

Question

I want to achieve this shadow effect as a background drawable for my RelativeLayout:

I am trying to get the denoted effects in my layout. Here's the description:

A: Light Stroke around the RelativeLayout

B: Shadow under the layout and a slight shadow to the right and left of the layout

What I have so far:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#CABBBBBB"/>
            <corners android:radius="2dp" />
        </shape>
    </item>

    <item
        android:left="0dp"
        android:right="0dp"
        android:top="1dp"
        android:bottom="1dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white"/>
            <corners android:radius="2dp" />
        </shape>
    </item>
</layer-list>

What more should I add to get the displayed result?

score 0 · Accepted Answer · answered Jan 18 '16 at 06:59

0

You could use CardView also.

http://developer.android.com/training/material/lists-cards.html

Just add your own elevation and you are ready to go.

answered Jan 18 '16 at 06:59

ʍѳђઽ૯ท

15,369
7
47
103

Thank you but how can I achieve it using XML only? – Dinuka Jay Jan 18 '16 at 07:00
You can set that CardView as root and then use RelativeLayout for content and just set whatever height or weight you want to it.hope that helps. – ʍѳђઽ૯ท Jan 18 '16 at 07:01
1

Btw it requires a minimum API of 21. Mine is 15 – Dinuka Jay Jan 18 '16 at 07:07
Yeah well, that's the point.i've tried that on kitkat it was working btw.there are many materialdesign libraries available also.you may want to take a look. – ʍѳђઽ૯ท Jan 18 '16 at 07:15

Getting the Facebook Shadow Effect on Background Layout Drawable

1 Answers1