Extra padding at top and bottom in CardView

Question

I'm using to recyclerview to display a list a images from a web service. I'm trying to display images in ImageView within CardView widget.Everything is working fine. All the images and lists are displaying properly. but when i try to run on Kitkat 4.4.4 its showing extra(Large) padding at top and bottom of image within the Cardview. I'm using ImageView only no text nothing.

Check the attached image.

on 4.4.4

on Lollipop I've tried almost everything that i've found on SO so far. any help is appreciated. Thanks

XML code for Cardview

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:card_view="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/activity_horizontal_margin_half">

<android.support.v7.widget.CardView
    android:layout_centerHorizontal="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/offwhite"
    android:id="@+id/cardlayout_malls"
    android:layout_marginLeft="@dimen/activity_horizontal_margin_half"
    card_view:cardUseCompatPadding="true"
    android:layout_marginRight="@dimen/activity_horizontal_margin_half">-->
    <!-- Thumbnail Image -->

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/bannerImageView"/>
    </android.support.v7.widget.CardView>
    </RelativeLayout>

are you using match_parent in the adapter's XML file, if yes then change it to wrap_content — Rakshit Nawani, Mar 28 '17 at 09:11
@RakshitNawani i'm using wrap_content for height and match_parent for width — deejay, Mar 28 '17 at 09:14
@deejay : Please share your XML code then for better understanding — Rakshit Nawani, Mar 28 '17 at 09:14
this XML setting is working fine for Lollipop and upper versions but not on pre-lollipop — deejay, Mar 28 '17 at 09:18
Try adding this card_view:cardPreventCornerOverlap="false" or CardView.setMaxCardElevation(0) in your XML or code and then do let me know if it worked for you — Rakshit Nawani, Mar 28 '17 at 09:22

Aditya Vyas-Lakhan · Accepted Answer · 2017-03-28T10:12:01.507

7

try this way

card_view:cardPreventCornerOverlap="false"

OR

in imageview you can use add this in your imageview

 <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:id="@+id/bannerImageView"/>

edited Mar 28 '17 at 10:12

answered Mar 28 '17 at 09:23

Aditya Vyas-Lakhan

13,409
16
61
96

`no resources found for adjustedviewbound`.. can you please be more specific? – deejay Mar 28 '17 at 09:41
@deejay check now – Aditya Vyas-Lakhan Mar 28 '17 at 10:12
thanks @Aditya its worked.. now its not showing any padding but the elevation and shadow effect is also gone.. can you please guide me here? – deejay Mar 28 '17 at 11:16
I know about using ` ` to make the shadow just under the cardview but it doesn't seems to be a neat method. – deejay Mar 28 '17 at 11:18

score 0 · Answer 2 · answered Mar 28 '17 at 09:36

0

addcard_view:cardPreventCornerOverlap="false" Extra padding is because of those tiny round corners which, need to be disabled. Basically that is not a flaw rather a Design constraint!

answered Mar 28 '17 at 09:36

Firoz Jaroli

505
5
11

tried it .. its removing rounded corners on 5.0 and up but still same on 4.4.4 – deejay Mar 28 '17 at 09:44

Extra padding at top and bottom in CardView

2 Answers2