Как масштабировать изображение в ImageView, чтобы сохранить соотношение сторон

1. Да, по умолчанию Android масштабирует ваше изображение до размера ImageView, сохраняя соотношение сторон. Однако убедитесь, что вы устанавливаете изображение в ImageView, используя android:src="...", а не android:background="...". src= заставляет масштабировать изображение с сохранением соотношения сторон, но background= заставляет масштабировать и изображение, чтобы оно точно соответствовало размеру ImageView. (Однако вы можете использовать фон и источник одновременно, что может быть полезно для таких вещей, как отображение рамки вокруг основного изображения, используя только один ImageView.)

2. Вы также должны увидеть android:adjustViewBounds, чтобы изменить размер ImageView в соответствии с масштабируемым изображением. Например, если у вас есть прямоугольное изображение в том, что обычно является квадратным ImageView, adjustViewBounds = true заставит его также изменить размер ImageView, чтобы он был прямоугольным. Затем это влияет на то, как другие представления располагаются вокруг ImageView.

   Затем, как написал Самух, вы можете изменить способ масштабирования изображений по умолчанию, используя параметр android:scaleType. Кстати, самый простой способ узнать, как это работает, - это немного поэкспериментировать! Просто не забудьте посмотреть макеты в самом эмуляторе (или на реальном телефоне), поскольку предварительный просмотр в Eclipse обычно неверен.

См. android:adjustViewBounds.

Установите для этого параметра значение true, если вы хотите, чтобы ImageView настраивал свои границы, чтобы сохранить соотношение сторон его возможности рисования.

Всем, у кого есть эта конкретная проблема. У вас есть ImageView, ширина которого должна быть fill_parent, а высота пропорционально масштабируется:

Добавьте эти два атрибута в свой ImageView:

android:adjustViewBounds="true"
android:scaleType="centerCrop"

И установите ширину ImageView на fill_parent и высоту на wrap_content.

Кроме того, если вы не хотите, чтобы ваше изображение было обрезано, попробуйте следующее:

 android:adjustViewBounds="true"
 android:layout_centerInParent="true"

Если вам нужен ImageView, который масштабируется вверх и вниз при сохранении правильного соотношения сторон, добавьте это в свой XML:

android:adjustViewBounds="true"
android:scaleType="fitCenter"

Добавьте это в свой код:

// We need to adjust the height if the width of the bitmap is
// smaller than the view width, otherwise the image will be boxed.
final double viewWidthToBitmapWidthRatio = (double)image.getWidth() / (double)bitmap.getWidth();
image.getLayoutParams().height = (int) (bitmap.getHeight() * viewWidthToBitmapWidthRatio);

Мне потребовалось время, чтобы заставить это работать, но, похоже, это работает в тех случаях, когда изображение меньше ширины экрана и больше ширины экрана, и оно не блокирует изображение.

Это сработало для меня:

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxWidth="39dip"
android:scaleType="centerCrop"
android:adjustViewBounds ="true"

Вот как это сработало для меня внутри ConstraintLayout:

<ImageView
    android:id="@+id/myImg"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:scaleType="fitCenter"
    android:adjustViewBounds="true"/>

Затем в коде я установил возможность рисования как:

ImageView imgView = findViewById(R.id.myImg);
imgView.setImageDrawable(ResourcesCompat.getDrawable(getResources(), R.drawable.image_to_show, null));

Это хорошо вписывается в изображение в соответствии с его соотношением сторон и сохраняет его в центре.

это решило мою проблему

android:adjustViewBounds="true"
android:scaleType="fitXY"

Ниже приведен код, работающий для масштабирования изображения как соотношения сторон:

Bitmap bitmapImage = BitmapFactory.decodeFile("Your path");
int nh = (int) ( bitmapImage.getHeight() * (512.0 / bitmapImage.getWidth()) );
Bitmap scaled = Bitmap.createScaledBitmap(bitmapImage, 512, nh, true);
your_imageview.setImageBitmap(scaled);

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

Используйте эти свойства в ImageView, чтобы сохранить соотношение сторон:

android:adjustViewBounds="true"
android:scaleType="fitXY"

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:scaleType="fitXY"
    />

У меня изображение меньше экрана. Чтобы он был растянут пропорционально максимуму и центрирован в представлении, мне пришлось использовать следующий код:

<ImageView
    android:id="@+id/my_image"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_centerInParent="true"
    android:adjustViewBounds="true"
    android:layout_weight="1"
    android:scaleType="fitCenter" />

Однако имейте в виду, что если у вас относительный макет и некоторые элементы установлены выше или ниже ImageView, они, скорее всего, будут перекрываться изображением.

Если качество изображения снижается: используйте

android:adjustViewBounds="true"

вместо того

android:adjustViewBounds="true"
android:scaleType="fitXY"

Для всех, кто хочет, чтобы изображение точно соответствовало изображению с правильным масштабированием и без обрезки.

imageView.setScaleType(ScaleType.FIT_XY);

где imageView - это представление, представляющее ваш ImageView

Вы можете рассчитать ширину экрана. И вы можете масштабировать растровое изображение.

 public static float getScreenWidth(Activity activity) {
        Display display = activity.getWindowManager().getDefaultDisplay();
        DisplayMetrics outMetrics = new DisplayMetrics();
        display.getMetrics(outMetrics);
        float pxWidth = outMetrics.widthPixels;
        return pxWidth;
    }

рассчитать ширину экрана и высоту масштабированного изображения по ширине экрана.

float screenWidth=getScreenWidth(act)
  float newHeight = screenWidth;
  if (bitmap.getWidth() != 0 && bitmap.getHeight() != 0) {
     newHeight = (screenWidth * bitmap.getHeight()) / bitmap.getWidth();
  }

После можно масштабировать растровое изображение.

Bitmap scaledBitmap=Bitmap.createScaledBitmap(bitmap, (int) screenWidth, (int) newHeight, true);

Делая это программно, обязательно вызывайте сеттеры в правильном порядке:

imageView.setAdjustViewBounds(true)
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP)

Если вы хотите, чтобы ваше изображение занимало максимально возможное пространство, лучшим вариантом будет

android:layout_weight="1"
android:scaleType="fitCenter"

Йо не нужен код Java. Вам просто нужно:

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:scaleType="centerCrop" />

Ключ находится в соответствующем родительском элементе для ширины и высоты.

Я использую это:

<ImageView
android:id="@+id/logo"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_centerInParent="true"
android:scaleType="centerInside"
android:src="@drawable/logo" />

Попробуйте использовать android:layout_gravity для ImageView:

android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_gravity="center_vertical|center_horizontal"
android:layout_weight="1"

Приведенный выше пример сработал для меня.

У меня есть алгоритм масштабирования растрового изображения, чтобы он соответствовал размерам контейнера, сохраняя его соотношение сторон. Пожалуйста, найдите мое решение здесь

Надеюсь, это поможет кому-то в переулке!

Передайте свой ImageView и в зависимости от высоты и ширины экрана вы можете сделать его

    public void setScaleImage(EventAssetValueListenerView view){
        // Get the ImageView and its bitmap
        Drawable drawing = view.getDrawable();
        Bitmap bitmap = ((BitmapDrawable)drawing).getBitmap();
        // Get current dimensions
        int width = bitmap.getWidth();
        int height = bitmap.getHeight();

        float xScale = ((float) 4) / width;
        float yScale = ((float) 4) / height;
        float scale = (xScale <= yScale) ? xScale : yScale;

        Matrix matrix = new Matrix();
        matrix.postScale(scale, scale);

        Bitmap scaledBitmap = Bitmap.createBitmap(bitmap, 0, 0, width, height, matrix, true);
        BitmapDrawable result = new BitmapDrawable(scaledBitmap);
        width = scaledBitmap.getWidth();
        height = scaledBitmap.getHeight();

        view.setImageDrawable(result);

        LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) view.getLayoutParams();
        params.width = width;
        params.height = height;
        view.setLayoutParams(params);
    }

в случае использования cardview для округления imageview и фиксированного android:layout_height для заголовка это помогло мне загрузить изображение с Glide

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:tools="http://schemas.android.com/tools"
             android:layout_width="match_parent"
             android:layout_height="220dp"
             xmlns:card_view="http://schemas.android.com/apk/res-auto"
             >

    <android.support.v7.widget.CardView
            android:id="@+id/card_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center|top"
            card_view:cardBackgroundColor="@color/colorPrimary"
            card_view:cardCornerRadius="10dp"
            card_view:cardElevation="10dp"
            card_view:cardPreventCornerOverlap="false"
            card_view:cardUseCompatPadding="true">

        <ImageView
                android:adjustViewBounds="true"
                android:maxHeight="220dp"
                android:id="@+id/iv_full"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitCenter"/>

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

Вы можете масштабировать изображение, что также уменьшит размер вашего изображения. Для этого есть библиотека, которую вы можете скачать и использовать. https://github.com/niraj124124/Images-Files-scale-and-compress.git

Как использовать 1) Импортируйте компрессор-v1.0. jar в свой проект. 2) Добавьте приведенный ниже образец кода для тестирования. ResizeLimiter resize = ImageResizer.build (); resize.scale («inputImagePath», «outputImagePath», imageWidth, imageHeight); Есть еще много методов в соответствии с вашими требованиями

Быстрый ответ:

<ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="center"
        android:src="@drawable/yourImage"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Программно применить соотношение сторон к Imageview:

aspectRatio = imageWidth/imageHeight   
ratioOfWidth = imageWidth/maxWidth  
ratioOfHeight = imageHeight/maxHeight  


if(ratioOfWidth > ratioOfHeight){​​​​​​​
    imageWidth = maxWidth 
    imageHeight = imageWidth/aspectRatio
}​​​​​​​ else if(ratioOfHeight > ratioOfWidth){​​​​​​​
    imageHeight = maxHeight
    imageWidth = imageHeight * aspectRatio
}​​​​​​​

После этого вы можете использовать масштабированное растровое изображение для просмотра изображения.

Bitmap scaledBitmap= Bitmap.createScaledBitmap(bitmap, (int) imageWidth , (int) imageHeight , true);