How to manage UIImageView content mode?

Question

I have an UIImageView with some fixed rect size. But my images are not fixed in size. I want to display images according to UIImageView's rect size. Whether image is big or large in resolution it must be in fixed display according to UIImageView's size. I am confused in using below assets.

UIViewContentModeScaleToFill,
UIViewContentModeScaleAspectFit,
UIViewContentModeScaleAspectFill,
UIViewContentModeRedraw

What to set in autoresize mask ? How do they behave ?

Why don't you check by using the above mentioned values ? You can find the difference easily — Midhun MP, Jan 03 '13 at 06:32
See this link : http://stackoverflow.com/questions/4895272/difference-between-uiviewcontentmodescaleaspectfit-and-uiviewcontentmodescaletof — Anusha Kottiyal, Jan 03 '13 at 06:49
UIViewContentModeScaleAspectFill use tho property of UIImageView content mode. It will fit your image to UIIMageView rect size. — fibnochi, Jan 03 '13 at 07:03

score 90 · Answer 1 · edited Dec 04 '14 at 22:49

90

Please try this code, Hope it will work for you.

set UIImageView contentMode to UIViewContentModeScaleAspectFill as below :

imageView.contentMode = UIViewContentModeScaleAspectFill;

set autoresizingMask of UIImageView as below :

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

edited Dec 04 '14 at 22:49

Matt Fenwick

48,199
22
128
192

answered Jan 03 '13 at 06:56

sagarcool89

1,366
8
16

Update: UIViewContentMode.ScaleAspectFill, and UIViewAutoresizing.FlexibleBottomMargin – helsont Jun 13 '15 at 04:49
There's a way to do this using constraints instead of masks? Or where can I set the masks on the storyboard having constraints enabled? – halbano Jan 05 '16 at 19:43
2

i also put clipsToBound = YES; – maddy Jan 31 '16 at 18:11
Update for Swift 5? – Master AgentX Jan 09 '23 at 18:54

score 3 · Answer 2 · answered Jul 27 '17 at 06:16

3

You just need these two lines:

imageView.contentMode = UIViewContentModeScaleAspectFill;
imageView.layer.clipsToBounds = YES; // Must do this or else image will overflow

answered Jul 27 '17 at 06:16

atulkhatri

10,896
3
53
89

2

Thank you! `ClipsToBounds` was my issue. I had it set to `NO` so I could display a shadow around the UIImageView, without thinking about the fact that it'll also let the image bleed over. Thanks for the tip. – StoriKnow Sep 16 '18 at 13:52

score 2 · Answer 3 · answered May 13 '15 at 09:33

2

Here a solution for swift:

let imageView = UIImageView(image: UIImage(named: "backgroundImage"))
imageView.frame = tableView.frame
imageView.contentMode = .ScaleAspectFill
tableView.backgroundView = imageView

answered May 13 '15 at 09:33

Urkman

1,298
1
16
32

score 1 · Answer 4 · edited Jan 03 '13 at 06:39

1

If you want to make your UIImageView size according to ratio ,then you must set it's mode to UIViewContentModeScaleAspectFit

 yourimage.contentMode=UIViewContentModeScaleAspectFit;

let me know it is working or not!!!

Happy Coding.

edited Jan 03 '13 at 06:39

DD_

7,230
11
38
59

answered Jan 03 '13 at 06:29

NiravPatel

3,260
2
21
31

No, its not working. Image isn't covering whole area of UIImageView. – DipakSonara Jan 03 '13 at 06:42
yes, it will not cover the whole area of UIImageview because it will set your image according to ratio, so it will left some area blank according to ratio.so you will get image without blur and get clear image.so do you want to cover the whole area of UIImageview? – NiravPatel Jan 03 '13 at 06:47

score 1 · Answer 5 · answered Nov 14 '14 at 05:56

1

In swift you set content mode as well

var newImgThumb : UIImageView
newImgThumb = UIImageView(frame:CGRectMake(0, 0, 100, 70))
newImgThumb.contentMode = .ScaleAspectFit

answered Nov 14 '14 at 05:56

Ali Raza

2,796
1
20
24

score 1 · Answer 6 · edited Mar 16 '17 at 07:33

1

Worth noting that swift 3 has changed as following

.ScaleAspectFit to scaleAspectFit

.ScaleAspectFill to .scaleAspectFill

edited Mar 16 '17 at 07:33

karthikeyan

3,821
3
22
45

answered Oct 23 '16 at 00:15

kickinbahk

13
4

score 0 · Answer 7 · answered Jan 03 '13 at 06:50

0

Hope this helpful for you

CGImageRef imageRef = CGImageCreateWithImageInRect([largeImage CGImage], cropRect);

image = [UIImage imageWithCGImage:imageRef]];

CGImageRelease(imageRef);

answered Jan 03 '13 at 06:50

SachinVsSachin

6,401
3
33
39

How to manage UIImageView content mode?

7 Answers7

Linked