How to resize the UIImageView after AspectFit ratio

Question

How do I resize UIImageView after setting its contentmode to UIViewContentModeScaleAspectFit so that i can remove the white spaces from top & below. Please see the attached image

Thanks in advance:)

Have you tried [`[imageView sizeToFit]`](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIView_Class/UIView/UIView.html#//apple_ref/occ/cl/UIView)? — Rich, Apr 13 '14 at 13:08
try this ->imageView.frame = CGRectMake(0, 0, yourImage.size.width, yourImage.size.height); — Anand Suthar, Apr 13 '14 at 14:39
This answer helped me: https://stackoverflow.com/a/42654375/5820158 — Lindsay-Needs-Sleep, Nov 16 '17 at 14:44

score 2 · Answer 1 · edited Jul 22 '14 at 04:34

Hope this will help some others as well ,please do comment if it will break in some condition :)

- (CGRect)frameForImageattribute:(CGSize)image inImageViewAspectFit:(UIImageView *)imageView {
        float imageRatio = image.width / image.height;
        float viewRatio = imageView.frame.size.width / imageView.frame.size.height;
        if (imageRatio < viewRatio) {
            float scale = imageView.frame.size.height / image.height;
            float width = scale * image.width;
            return CGRectMake(kLeftPading, kTopPading, width, imageView.frame.size.height);
        }
        else {
            float scale = imageView.frame.size.width / image.width;
            float height = scale * image.height;  
            return CGRectMake(kLeftPading, kTopPading, imageView.frame.size.width, height);
        }
}

Hi, can you tell me what is kLeftPading and kTopPading in the code? — Md Rais, May 19 '17 at 13:49

score 0 · Answer 2 · edited May 23 '17 at 11:55

You need to get the scale factor of the image view. it can be obtained by

float scaleFactor = MAX(image.size.width/imageView.bounds.size.width, image.size.height/imageView.bounds.size.height);

Then do

CGRect ivFrame = imageView.frame;
ivframe.size.height = image.size.height/scalefactor;
ivFrame.size.width = image.size.width/scalefactor;
imageView.frame = ivFrame;

theres probably a category out there that does this automagically.

EDIT: Heres one for the scalefactor calculation, and it even respects the content mode of the mageView:

how can I get the scale factor of a UIImageView who's mode is AspectFit?

score 0 · Answer 3 · answered Jun 01 '17 at 08:25

If you know only the width of the imageview and when the height of the image is dynamic then you need to scale the image's height according to the given width to remove the white spaces above and below your image in UIViewContentModeScaleAspectFit mode. Use the following method from here to scale the height of the image according to the standard width of your screen.

-(UIImage*)imageWithImage: (UIImage*) sourceImage scaledToWidth: (float) i_width
{
    float oldWidth = sourceImage.size.width;
    float scaleFactor = i_width / oldWidth;

    float newHeight = sourceImage.size.height * scaleFactor;
    float newWidth = oldWidth * scaleFactor;

    UIGraphicsBeginImageContext(CGSizeMake(newWidth, newHeight));
    [sourceImage drawInRect:CGRectMake(0, 0, newWidth, newHeight)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();    
    UIGraphicsEndImageContext();
    return newImage;
}

And call it from your cellForRowAtIndexPath: method like this:

UIImage *img = [dictImages objectForKey:yourImageKey]; // loaded the image
cell.imgView.image = [self imageWithImage:img scaledToWidth:self.view.frame.size.width];

How to resize the UIImageView after AspectFit ratio

3 Answers3