Как избавиться от пустых пространств вокруг ImageView внутри CardView

Question

Ниже снимок экрана, я вставляю изображение, используя ImageView, в CardView.

Проблема в том, что я, похоже, не могу избавиться от пустого пространства под изображением. (выделено светло-голубым цветом)

Я пробовал a solution that works, но мне требуется явно указать высоту изображения, которого я стараюсь не делать, потому что источник может быть различным, и мне нужно изображение для гибкого масштабирования вверх/вниз (с одинаковым соотношением сторон) в зависимости от ширины карты.

Вот скриншот:

А вот фрагмент кода:

<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> 

Итак, есть ли способ сделать CardView автоматически обтекать изображение (не выходя любое пустое пространство) и без указания высоты изображения явно?

Answer 1

Изменение высоты <RelativeLayout> до wrap_content. В настоящее время он имеет круговую зависимость по высоте.

[EDIT]

Нам нужно установить свойство android:adjustViewBounds="true" для изображения масштабироваться с источником. Его false по умолчанию!

<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> 

Answer 2

Попробуйте изменить масштабType на android:scaleType="centerCrop" или какой-либо другой масштабType.
Смотрите здесь:
https://developer.android.com/reference/android/widget/ImageView.ScaleType.html