Comment mettre à l'échelle une UIImageView proportionnellement?

J'ai un UIImageView et l'objectif est de le réduire proportionnellement en lui donnant soit une hauteur soit une largeur.

UIImage *image = [[UIImage alloc] initWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:@"http://farm4.static.flickr.com/3092/2915896504_a88b69c9de.jpg"]]];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 

//Add image view
[self.view addSubview:imageView];   

//set contentMode to scale aspect to fit
imageView.contentMode = UIViewContentModeScaleAspectFit;

//change width of frame
CGRect frame = imageView.frame;
frame.size.width = 100;
imageView.frame = frame;

L'image a été redimensionnée mais la position n'est pas en haut à gauche. Quelle est la meilleure approche pour mettre à l'échelle l'image / imageView et comment puis-je corriger la position?

Fixé facilement, une fois que j'ai trouvé la documentation!

 imageView.contentMode = UIViewContentModeScaleAspectFit;

J'ai vu un peu de conversation sur les types d'échelle, j'ai donc décidé de rédiger un article concernant certains des types d'échelle de mode de contenu les plus populaires .

L'image associée est ici:

Je viens d'essayer cela et UIImage ne prend pas en charge _imageScaledToSize.

J'ai fini par ajouter une méthode à UIImage en utilisant une catégorie - une suggestion que j'ai trouvée sur les forums Apple Dev.

Dans un .h à l'échelle du projet -

@interface UIImage (Extras)
- (UIImage *)imageByScalingProportionallyToSize:(CGSize)targetSize;
@end;

La mise en oeuvre:

@implementation UIImage (Extras)

- (UIImage *)imageByScalingProportionallyToSize:(CGSize)targetSize {

    UIImage *sourceImage = self;
    UIImage *newImage = nil;

    CGSize imageSize = sourceImage.size;
    CGFloat width = imageSize.width;
    CGFloat height = imageSize.height;

    CGFloat targetWidth = targetSize.width;
    CGFloat targetHeight = targetSize.height;

    CGFloat scaleFactor = 0.0;
    CGFloat scaledWidth = targetWidth;
    CGFloat scaledHeight = targetHeight;

    CGPoint thumbnailPoint = CGPointMake(0.0,0.0);

    if (CGSizeEqualToSize(imageSize, targetSize) == NO) {

        CGFloat widthFactor = targetWidth / width;
        CGFloat heightFactor = targetHeight / height;

        if (widthFactor < heightFactor) 
            scaleFactor = widthFactor;
        else
            scaleFactor = heightFactor;

        scaledWidth  = width * scaleFactor;
        scaledHeight = height * scaleFactor;

        // center the image

        if (widthFactor < heightFactor) {
            thumbnailPoint.y = (targetHeight - scaledHeight) * 0.5; 
        } else if (widthFactor > heightFactor) {
            thumbnailPoint.x = (targetWidth - scaledWidth) * 0.5;
        }
    }


    // this is actually the interesting part:

    UIGraphicsBeginImageContext(targetSize);

    CGRect thumbnailRect = CGRectZero;
    thumbnailRect.origin = thumbnailPoint;
    thumbnailRect.size.width  = scaledWidth;
    thumbnailRect.size.height = scaledHeight;

    [sourceImage drawInRect:thumbnailRect];

    newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    if(newImage == nil) NSLog(@"could not scale image");


    return newImage ;
}

@end;

imageView.contentMode = UIViewContentModeScaleAspectFill;
imageView.clipsToBounds = YES;

Vous pouvez essayer de faire correspondre la imageViewtaille au image. Le code suivant n'est pas testé.

CGSize kMaxImageViewSize = {.width = 100, .height = 100};
CGSize imageSize = image.size;
CGFloat aspectRatio = imageSize.width / imageSize.height;
CGRect frame = imageView.frame;
if (kMaxImageViewSize.width / aspectRatio <= kMaxImageViewSize.height) 
{
    frame.size.width = kMaxImageViewSize.width;
    frame.size.height = frame.size.width / aspectRatio;
} 
else 
{
    frame.size.height = kMaxImageViewSize.height;
    frame.size.width = frame.size.height * aspectRatio;
}
imageView.frame = frame;

on peut redimensionner un UIImage de cette façon

image = [UIImage imageWithCGImage:[image CGImage] scale:2.0 orientation:UIImageOrientationUp];

UIImage *image = [[UIImage alloc] initWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:@"http://farm4.static.flickr.com/3092/2915896504_a88b69c9de.jpg"]]];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 


//set contentMode to scale aspect to fit
imageView.contentMode = UIViewContentModeScaleAspectFit;

//change width of frame
//CGRect frame = imageView.frame;
//frame.size.width = 100;
//imageView.frame = frame;

//original lines that deal with frame commented out, yo.
imageView.frame = CGRectMake(10, 20, 60, 60);

...

//Add image view
[myView addSubview:imageView]; 

Le code original affiché en haut a bien fonctionné pour moi dans iOS 4.2.

J'ai trouvé que la création d'un CGRect et la spécification de toutes les valeurs du haut, de la gauche, de la largeur et de la hauteur étaient le moyen le plus simple d'ajuster la position dans mon cas, qui utilisait une UIImageView à l'intérieur d'une cellule de tableau. (Encore besoin d'ajouter du code pour libérer des objets)

Configurez votre ImageView en sélectionnant Mode sur Aspect Fillet cochez la Clip Subviewscase.

Cela fonctionne bien pour moi Swift 2.x:

imageView.contentMode = .ScaleAspectFill
imageView.clipsToBounds = true;

Définissez votre UIimageviewéchelle .........

Pour Swift:

self.imageViews.contentMode = UIViewContentMode.ScaleToFill

UIImageView + Scale.h:

#import <Foundation/Foundation.h>

@interface UIImageView (Scale)

-(void) scaleAspectFit:(CGFloat) scaleFactor;

@end

UIImageView + Scale.m:

#import "UIImageView+Scale.h"

@implementation UIImageView (Scale)


-(void) scaleAspectFit:(CGFloat) scaleFactor{

    self.contentScaleFactor = scaleFactor;
    self.transform = CGAffineTransformMakeScale(scaleFactor, scaleFactor);

    CGRect newRect = self.frame;
    newRect.origin.x = 0;
    newRect.origin.y = 0;
    self.frame = newRect;
}

@end

J'ai utilisé le code suivant. Où imageCoverView est UIView contient UIImageView

if (image.size.height<self.imageCoverView.bounds.size.height && image.size.width<self.imageCoverView.bounds.size.width)
{
    [self.profileImageView sizeToFit];
    self.profileImageView.contentMode =UIViewContentModeCenter
}
else
{
    self.profileImageView.contentMode =UIViewContentModeScaleAspectFit;
}

Si les solutions proposées ici ne fonctionnent pas pour vous et que votre élément d'image est en fait un PDF, notez que XCode traite en fait les PDF différemment des fichiers d'image. En particulier, il ne semble pas capable de s'adapter pour se remplir correctement avec un PDF: il finit par être carrelé à la place. Cela m'a rendu fou jusqu'à ce que je comprenne que le problème était le format PDF. Convertissez-vous en JPG et vous devriez être prêt à partir.

Habituellement, j'utilise cette méthode pour mes applications ( compatible Swift 2.x ):

// Resize UIImage
func resizeImage(image:UIImage, scaleX:CGFloat,scaleY:CGFloat) ->UIImage {
    let size = CGSizeApplyAffineTransform(image.size, CGAffineTransformMakeScale(scaleX, scaleY))
    let hasAlpha = true
    let scale: CGFloat = 0.0 // Automatically use scale factor of main screen

    UIGraphicsBeginImageContextWithOptions(size, !hasAlpha, scale)
    image.drawInRect(CGRect(origin: CGPointZero, size: size))

    let scaledImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return scaledImage
}

Je pense que vous pouvez faire quelque chose comme

image.center = [[imageView window] center];

Voici comment vous pouvez l'adapter facilement.

Cela fonctionne en 2.x avec le simulateur et l'iPhone.

UIImage *thumbnail = [originalImage _imageScaledToSize:CGSizeMake(40.0, 40.0) interpolationQuality:1];