CardView ignoring android:clipChildren="false"

Question

I want to have a CardView which contains an ImageView which overlaps the left border of the CardView. I want to do this by giving the ImageView a negative margin. This works fine with all other layouts (LinearLayout/RelativeLayout/FrameLayout) by setting clipChildren="false".

However I can't get it to work with a CardView. The ImageView will be clipped and does not overlap the CardView.

<android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:clipChildren="false">
    <ImageView
           android:layout_marginLeft="-10dp"
           android:background="@drawable/some_picture"
           android:layout_width="50dp"
           android:layout_height="50dp"/>
</android.support.v7.widget.CardView>

why don't you put imageview outside the cardView, and then put both of them in a RelativeLayout overlapping each other? — Rohit Jagtap, Sep 02 '15 at 14:13
Would be an option. However having the ImageView inside of the CardView feels like the cleaner solution to me. — tymm, Sep 02 '15 at 14:51
Check out his link, hope it helps... http://stackoverflow.com/questions/14845891/how-to-achieve-android-ui-like-this-image-layout-about-androidclipchildren — Rohit Jagtap, Sep 02 '15 at 15:30
Thank you. But as I wrote: I know that it works fine with everything else than CardViews. I would like to use CardViews though. — tymm, Sep 02 '15 at 15:43
Does this answer your question? [clipChildren is not working even though set to false?](https://stackoverflow.com/questions/22930626/clipchildren-is-not-working-even-though-set-to-false) — Fattie, Apr 14 '21 at 12:22

score 11 · Accepted Answer · answered Oct 27 '15 at 07:07

11

Ok, this seems to be a problem only with Android 5+, the solution is to set

cardView.setClipToOutline(false);

Source - https://www.reddit.com/r/androiddev/comments/2tccge/cant_draw_outside_of_cardview_parent/

answered Oct 27 '15 at 07:07

Krishnaraj

2,360
1
32
55

5

Not the problem only with 5.0, Lower version also its not working. This solution only support api level 21 and above. What is the solution for below version. – Mohamed Ibrahim Nov 16 '15 at 09:06
SOLUTION: https://stackoverflow.com/a/53654808/294884 – Fattie Apr 14 '21 at 12:22

score 2 · Answer 2 · answered Feb 03 '21 at 09:38

2

Add this to your MaterialCardView xml file

android:outlineProvider="none"

answered Feb 03 '21 at 09:38

Grey Lưu

51
2

Works, but removes shadow (for androidx.cardview.widget.CardView at least). – Cole Tustin Sep 01 '21 at 05:05

score 1 · Answer 3 · answered Jun 14 '16 at 07:25

wrap it in LinearLayout with param LinearLayout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clipChildren="false">

<android.support.v7.widget.CardView/>

</LinearLayout>

score -1 · Answer 4 · edited Apr 15 '20 at 06:59

-1

Add:

android:clipChildren="false"

to CardView's grandfather View.

edited Apr 15 '20 at 06:59

סטנלי גרונן

2,917
23
46
68

answered Apr 15 '20 at 06:35

icepeak

9
4

CardView ignoring android:clipChildren="false"

4 Answers4