Как сделать растровое изображение на кнопке изображения равномерно растянутым

Question

Вот мое описание xml изображения

<ImageButton
    android:id="@+id/imageButton"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:onClick     = "@{() -> viewModel.onButtonClick()}"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:background="@{viewModel.thumbnail}" />

viewModel.thumbnail возвращает растровое изображение уменьшенного размера.

Проблема в том, что изображение деформируется при прикреплении к кнопке изображения

См. Результат ниже.

Все доски для шашек на этом изображении должны быть идеально квадратными

Как это исправить?

Answer 1

Используйте свойство src и какой-нибудь тип масштаба

https://developer.android.com/reference/android/widget/ImageView.html#attr_android:scaleType

<ImageButton
    android:id="@+id/imageButton"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:scaleType="centerInside"
    android:onClick     = "@{() -> viewModel.onButtonClick()}"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:src="@{viewModel.thumbnail}" />