How to get rid of blank spaces around an ImageView inside a CardView

Moses Aprico Published at Dev

Moses Aprico

Below screenshot, I am inserting an image, using ImageView, into a CardView.

The problem is, I seem can't get rid of the empty space below the Image. (highlighted by light blue)

I tried a solution that works, but it requires me to explicitly specify the image height, which I try not to, because, the source can be various, and I need the image to flexibly scale up/down (with same aspect ratio) depending on the card width.

Here's the screenshot:

And here's the code snippet:

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="2dp"
    card_view:cardElevation="2dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="7dp">
        <TextView
            android:id="@+id/caption_text"
            android:text="Hello World!"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:scaleType="fitStart"
            android:layout_below="@id/caption_text"
            android:src="@drawable/food"/>
    </RelativeLayout>
</android.support.v7.widget.CardView>

So, is there any way to make the CardView automatically wrap around the image, (without leaving any empty space) and without specifying the image height explicitly?

Shaishav

Change the <RelativeLayout> height to wrap_content. Currently, it has a circular dependency in height.

[EDIT]

We need to set the property android:adjustViewBounds="true" for the image to scale with the source. Its false by default!

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="2dp"
    card_view:cardElevation="2dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="7dp">
        <TextView
            android:id="@+id/caption_text"
            android:text="Hello World!"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:adjustViewBounds="true"
            android:layout_below="@id/caption_text"
            android:src="@drawable/food"/>
    </RelativeLayout>
</android.support.v7.widget.CardView>

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-03-4

Comments

0 comments

From Dev

Related Related

Article

How to get rid of blank spaces around an ImageView inside a CardView

How to get rid of blank spaces around an ImageView inside a CardView

jquery/javascript how to get rid of blank spaces (replace() not working)

How to Get Rid of These Extra Spaces?

Python: how to get rid of spaces in str(dict)?

How can I get rid of "white spaces"

How to get rid of spaces on mobile version

How can I get rid of blank spaces in missing values when export to a file 2 dataset with 2 different structures

How to get maps rendered inside of a CardView

Button has a weird border around it, how do I get rid of it?

How to get rid of the space around buttons in Nimbus LAF?

how to get rid of default white "space" around an element?

How do I get rid of the white outline around my button?

Android: how to get rid of extra space in ImageView's bounding box

How to get rid of the blank parts from the sides of a container in bootstrap

How to get rid of the unexpected spaces in H1 block

How do I get rid of trailing and embedded spaces in a string?

How to get rid transparent spaces between connecting elements?

How can I get rid of trailing spaces in vim without breaking &?

Spaces in the "Word" began to be replaced by dots. How to get rid of them?

How to get rid transparent spaces between connecting elements?

How to get rid of additional spaces using redcarpet gem (Ruby on Rails)

How to get rid of special characters but still keep spaces in formatting a string?

How to add a blank spaces before and after the content inside a layer?

Get rid of enter spaces in a sentence

Why does ImageView fades inside CardView?

How to get range of cells in one cell separated by two blank spaces

How to get reference to a View inside CardView from an activity?

Akka. How to get rid of business logic inside actors?

How to get rid of underline on <span> inside <a> tag with hover?

How to get rid of folder inside eclipse Referenced Libraries