Удалить границу ImageView в Android

Question

Я делаю приложение, которое использует карты для отображения информации, и я хочу иметь изображение с левой стороны карты. Проблема, с которой я сталкиваюсь, заключается в том, что ImageView, который я вставляю с левой стороны, по какой-то причине дополняется со всех сторон.

После выполнения некоторых поиска в Интернете, я нашел много постов на StackOverflow, которые задавали тот же вопрос, и все они сказали, чтобы использовать этот код исправить их вопрос:

android:adjustViewBounds="true" 

и просто добавить это в их ImageView в xml. Я пробовал это, но прокладка остается. Я установил фоновый цвет изображения на зеленый, чтобы проиллюстрировать заполненные области.

Вот мой XML-код для карты:

<?xml version="1.0" encoding="utf-8"?> 
<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:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="100dp" 
    android:layout_margin="2dp" 
    android:clickable="true" 
    android:foreground="?android:attr/selectableItemBackground" 
    card_view:cardCornerRadius="5dp" 
    > 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <ImageView 
      android:id="@+id/drinkImage" 
      android:layout_width="100dp" 
      android:layout_height="match_parent" 
      android:adjustViewBounds="true" 
      android:background="#00FF00" 
      android:gravity="left" 
      /> 

     <TextView 
      android:padding="8dp" 
      android:id="@+id/drinkName" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textSize="24sp" 
      android:layout_toRightOf="@+id/drinkImage" 
      /> 

     <TextView 
      android:padding="8dp" 
      android:id="@+id/drinkDesc" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/drinkName" 
      android:layout_toRightOf="@+id/drinkImage" 
      /> 

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

и это то, что я получаю на моем экране:

http://i.stack.imgur.com/bVaR4.png

Answer 1

ОК, оказалось, что я добавлял объект изображения в проект, кликнув правой кнопкой мыши и нажав new-> Image Asset. то, чего я не понимал, это действительно обрезание и изменение размера изображения, поскольку я, очевидно, не имел представления о правильном использовании создателя образа изображения.

Чтобы добавить файлы .PNG в проект, я просто скопировал файлы изображений из Finder (эквивалент Mac Windows Explorer) и вставил их в папку drawables в Android Studio, и все работает отлично. Такая ошибка noob!

Answer 2

зеленой «границы «не является границей, является фоном ImageView, установленным вами android:background="#00FF00". Над изображением ImageView. Соотношение изображений не соответствует ширине и высоте ImageView s, а ширина или высота изображения меньше, чем ширина или высота изображения ImageView. Поведение по умолчанию ImageView в этом случае заключается в центрировании изображения в ImageView. Поэтому вы видите пространство. Вы можете указать поведение, используя android:scaleType. См. official documentation. В противном случае вы можете отрегулировать ширину и высоту ImageView s в соответствии с изображением.

Обновление: ой извини, я не заметил, что вы используете CardView:

Согласно документации, это как задумано:

Из-за дороговизны округлых углу отсечения на платформах до L, CardView не обрезает своих детей, которые пересекаются с закругленными углами. Вместо этого он добавляет отступы, чтобы избежать такого пересечения (см. SetPreventCornerOverlap (boolean), чтобы изменить это поведение).

См. the CardView docs для получения дополнительной информации.