How as one ImageView show pictures of different size properly?

Question

I have a controller in which there are various questions and images.

In each question all the elements (images, button) are shifted relative to the size of the text. But I also have pictures of different sizes. How as one ImageView show pictures of different size correctly, so that they adjust to the screen?

score 3 · Accepted Answer · answered Oct 20 '15 at 10:48

3

If you want image to show on full size of imageView you should use this:

this will scale image on Aspect Fill

imageView.contentMode = UIViewContentModeScaleAspectFill;

also there are few more Keywords: AspectFit, ScaleToFill

swift 2.0 version:

imageView.contentMode = .ScaleAspectFill

also you can add autoresizingMask:

imageView.autoresizingMask =   
    ( UIViewAutoresizingFlexibleBottomMargin
    | UIViewAutoresizingFlexibleHeight
    | UIViewAutoresizingFlexibleLeftMargin
    | UIViewAutoresizingFlexibleRightMargin
    | UIViewAutoresizingFlexibleTopMargin
    | UIViewAutoresizingFlexibleWidth );

answered Oct 20 '15 at 10:48

C0mrade

1,215
1
10
23

No, the pictures have a different aspect ratio . I need to transfer ratio by different images in one imageView. – user193011 Oct 20 '15 at 10:56
you need multiple images in one imageView with different sources? – C0mrade Oct 20 '15 at 10:57
Yes. which have different aspect ratio. – user193011 Oct 20 '15 at 10:59
http://stackoverflow.com/questions/9208951/ios-merging-two-images-of-different-size follow this link – C0mrade Oct 20 '15 at 11:01
In this case, the coordinates have to be set manually. I use auto layout and which is placed the image depends on the size of the text. – user193011 Oct 20 '15 at 11:08

score 0 · Answer 2 · answered Oct 20 '15 at 11:05

0

First, change contentMode to UIViewContentModeScaleToFill to fill in encapsulated image:

myImageView.image = myImage;
myImageView.contentMode = UIViewContentModeScaleToFill;

Second, adjust image view frame per current image

CGRect frame = myImageView.frame;
frame.size = myImage.size;
myImageView.frame = frame;

answered Oct 20 '15 at 11:05

Abhinav

37,684
43
191
309

I use auto layout and which is placed the image depends on the size of the text. – user193011 Oct 20 '15 at 11:09

How as one ImageView show pictures of different size properly?

2 Answers2