How to stop image from stretching in UIImageView?

Question

I have a UIImageView where I set the frame size x = 0, y = 0, width = 404, height = 712 . In my project, I need to change the image in UIImageView dynamically.

I use this code to change the image:

 self.imageView.image = [UIImage imageNamed:@"setting-image.png"]; 

The problem is that the *.png size is smaller than the UIImageView frame UIImageView , the image is stretched. I do not want him to stretch. Is there any way to do this?

Answer 1

You can use

 self.imageView.contentMode = UIViewContentModeScaleAspectFit; 

Swift 3:

 imageView.contentMode = .scaleAspectFit 

Either UIViewContentModeCenter / .center , or any other mode described in the UIView documentation .

Answer 2

Setting clips in conjunction with the UIViewContentModeScaleAspectFit contentMode was a trick for me. Hope someone helps!

 imageView.clipsToBounds = YES; imageView.contentMode = UIViewContentModeScaleAspectFit; 

Answer 3

Use the contentMode property. You probably want either a UIViewContentModeScaleAspectFit or a UIViewContentModeCenter .

Answer 4

Change the UIImage mode from "scale to fill" to "Center" in the interface builder. Make sure your image is the exact size you need.

Answer 5

You must set CGSize as the width and height of the image so that the image does not stretch and it will be located in the middle of the image.

 - (UIImage *)imageWithImage:(UIImage *)image scaledToFillSize:(CGSize)size { CGFloat scale = MAX(size.width/image.size.width, size.height/image.size.height); CGFloat width = image.size.width * scale; CGFloat height = image.size.height * scale; CGRect imageRect = CGRectMake((size.width - width)/2.0f, (size.height - height)/2.0f, width, height); UIGraphicsBeginImageContextWithOptions(size, NO, 0); [image drawInRect:imageRect]; UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return newImage; } 

Answer 6

Update for Swift 3:

 imageView.contentMode = .scaleAspectFit 

Answer 7

Change the contentMode, for example:

 imageView.contentMode = UIViewContentModeScaleAspectFit; 

Answer 8

How to use the original image size - without stretching

• Just change the UIImage mode from scale to fill to Aspect Fit inside the interface builder.

Answer 9

Use this for UIImageView

 imageView.contentMode = UIViewContentModeScaleAspectFill; 

You will not get any space and keep the scale. However, part of the image will be clipped.

If you use the following:

 imageView.contentMode = UIViewContentModeScaleAspectFit; 

There will be empty space, but the scale is maintained.

Answer 10

still stretched when the image is larger than the image

fast

  let qCodeImage = UIImage(named: "qcode-placeholder.png")! let qCodeImageView = UIImageView(frame: CGRectMake(0, 0, CGRectGetWidth(cardView.frame)-30, CGRectGetWidth(cardView.frame)-30)) qCodeImageView.image = qCodeImage qCodeImageView.clipsToBounds = true qCodeImageView.contentMode = UIViewContentMode.ScaleToFill qCodeImageView.center = cardView.center