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

Question

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="true"
  android:src="@drawable/image_placeholder"
  android:scaleType="fitStart"/>

Now after downloading a new bitmap I change the drawable. The image now appears in the top left corner of the ImageView. Is there a way to have the image fill up the whole height that is possible and then adjust the width of the view to enable scaling the image without changing the ascpect ratio?

The image fills up all the space on a standard screen but on a WVGA Resolution the image takes only about half of the actual height of the ImageView.

score 54 · Answer 1 · edited Apr 18 '13 at 08:15

If I'm understanding you correctly, what you need to use is the centerCrop scaleType. fitStart scales the image proportionally, but neither the width nor height will exceed the size of the view, and the image will, as you said, have a top|left gravity.

Using centerCrop scales the image proportionally, but causes the shortest edge of the image to match the size of the view, and if there is additional data on the long side that does not fit, it is simply cropped off. The gravity is, of course, center. The below worked for me:

<ImageView
        android:src="@drawable/image_placeholder"
        android:id="@+id/cover_view"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scaleType="centerCrop"
/>

score 12 · Answer 2 · answered Nov 24 '10 at 10:43

12

You can change scale type to fitXY via call to

imageView.setScaleType(ScaleType.FIT_XY);

answered Nov 24 '10 at 10:43

Nikolay Ivanov

8,897
3
31
34

13

That ScaleType does change the aspect ratio, which is what Janusz tries to avoid. – mreichelt Nov 24 '10 at 10:46

score 9 · Answer 3 · answered Feb 02 '16 at 06:47

9

simply do it in xml like

android:scaleType="fitXY"

answered Feb 02 '16 at 06:47

Atendra Singh

396
3
9

score 1 · Accepted Answer · answered Nov 24 '10 at 11:10

1

Basically the answer here is that there is no predefined value for what you are trying to achieve. The solution is to create a Matrix that fits to your needs and call setImageMatrix(matrix) on your ImageView.

answered Nov 24 '10 at 11:10

mreichelt

12,359
6
56
70

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

4 Answers4

Linked