how to scale an image in an ImageView so that it "fits"

android imageview scaling
user645402 picture user645402 · May 28, 2011 · Viewed 14.8k times · Source

I want to scale an image in an ImageView in the following way. The ImageView has some dimensions Width (W) and Height (H). The image I'm putting into the image view could be smaller or bigger than WxH. I want it to scale while preserving aspect ratio to fill WxH space.

It seems like the closest thing to what I want is android:scaleType="centerInside", but what I'm seeing is that if the image is smaller than WxH, it will put a small-unscaled version of that image in the center of the ImageView (like the documentation says), but I want it to scale it to "fit", while showing the entire image, and stretching it to the maximum possible size of the container without cropping anything. In other words, stretch preserving aspect ratio until either the width or the height bumps into the edge of the container (ImageView).

This seems like an obvious thing to want to do, but I can't get it to work this way!!!

Answer

Squonk picture Squonk · May 28, 2011

From the Android docs...

public static final Matrix.ScaleToFit CENTER

Compute a scale that will maintain the original src aspect ratio, but will also ensure that src fits entirely inside dst. At least one axis (X or Y) will fit exactly. The result is centered inside dst.

The XML attribute for this is...

android:scaleType="fitCenter"

Related questions

What's the difference between CENTER_INSIDE and FIT_CENTER scale types?

I can't tell the difference between ImageView.ScaleType.CENTER_INSIDE and ImageView.ScaleType.FIT_CENTER. CENTER_INSIDE Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to …

Read More
How to create an ImageView that fills the parent height and displays an Image as big as possible?

I have an ImageView that is defined in the following way: <ImageView android:id="@+id/cover_view" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_below="@id/title" android:layout_above="@id/divider" android:adjustViewBounds="…

Read More
Android imageview not respecting maxWidth?

So, I have an imageview that should display an arbitrary image, a profile picture downloaded from the internet. I want this the ImageView to scale its image to fit inside the height of the parent container, and a set max …

Read More