I'm trying to give elevation to corners of cardview

Question

I'm trying to provide elevation to the corners of cardview. my requirement is elevation should n't effect at the middle of cardview. it should effect only corners like image shown below.

As shown in image, at the middle of the cardview elevation should be zero at corners there should be some elevation (for example: elevation:4dp)

Here is the code i tried so far

 <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
                                            xmlns:card_view="http://schemas.android.com/apk/res-auto"
                                            android:layout_width="match_parent"
                                            android:layout_height="wrap_content"
                                            android:layout_marginLeft="10dp"
                                            android:layout_marginRight="10dp"
                                            android:layout_marginTop="10dp"
                                            android:background="@null"
                                            android:gravity="center"
                                            card_view:cardBackgroundColor="@android:color/white"
                                            card_view:cardCornerRadius="4dp"
                                            card_view:cardElevation="3dp">

Cardview is not providing such type of elevation – Mohit Suthar Sep 14 '17 at 13:49 — Mohit Suthar, Sep 14 '17 at 13:49

score 1 · Answer 1 · edited Sep 14 '17 at 14:14

1

Try setting card_view:cardUseCompatPadding="true"

So your xml should look like:

<android.support.v7.widget.CardView
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:card_view="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:background="@null"
            android:gravity="center"
            card_view:cardBackgroundColor="@android:color/white"
            card_view:cardUseCompatPadding="true"
            card_view:cardCornerRadius="4dp"
            card_view:cardElevation="3dp"/>

edited Sep 14 '17 at 14:14

Leonardo Cavazzani

293
1
2
13

answered Sep 14 '17 at 13:49

mrid

5,782
5
28
71

card should stick to background i.e., elevation should be zero at middle please see the image carefully @mrid – Naga Lokesh Kannumoori Sep 15 '17 at 04:46
@Leonardo Cavazzani Please see the image once carefully that image there elevation = 0 at middle how can i do that – Naga Lokesh Kannumoori Sep 15 '17 at 04:49

I'm trying to give elevation to corners of cardview

1 Answers1