How to stop an image from stretching within a UIImageView?

ios cocoa-touch uiimageview uiimage stretching
R. Dewi picture R. Dewi · Aug 12, 2011 · Viewed 72.4k times · Source

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

I am using this code to change the image: 

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

The problem is, when the *.png image size is smaller than the UIImageView frame size, the image stretches. I don't want it to stretch. Is there any way to do that?

Answer

jtbandes picture jtbandes · Aug 12, 2011

You can use

self.imageView.contentMode = UIViewContentModeScaleAspectFit;

Swift 3:

imageView.contentMode = .scaleAspectFit

Or UIViewContentModeCenter / .center, or any of the other modes described in the UIView documentation.

Related questions

How to get the size of a scaled UIImage in UIImageView?

The image.size attribute of UIImageView gives the size of the original UIImage. I would like to find out the size of the autoscaled image when it is put in the UIImageView (typically smaller than the original). For example, I …

Read More
Difference between UIImage and UIImageView

What is the difference between UIImage and UIImageView? Can someone explain it with an example?

Read More
Fade/dissolve when changing UIImageView's image

Rather than creating two UIImageViews, it seems logical to simply change the image of one view. If I do that, is there anyway of having a fade/cross dissolve between the two images rather than an instant switch?

Read More