Wie skaliere ich eine UIImageView proportional?

Ich habe ein UIImageView und das Ziel ist es, es proportional zu verkleinern, indem ich ihm entweder eine Höhe oder eine Breite gebe.

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;

Die Bildgröße wurde geändert, aber die Position befindet sich nicht oben links. Was ist der beste Ansatz zum Skalieren von Bild / Bildansicht und wie korrigiere ich die Position?

Einfach behoben, sobald ich die Dokumentation gefunden habe!

 imageView.contentMode = UIViewContentModeScaleAspectFit;

Ich habe einige Gespräche über Skalierungstypen geführt, daher habe ich beschlossen, einen Artikel über einige der beliebtesten Skalierungstypen im Inhaltsmodus zusammenzustellen .

Das zugehörige Bild ist hier:

Ich habe es gerade versucht und UIImage unterstützt _imageScaledToSize nicht.

Am Ende habe ich UIImage mithilfe einer Kategorie eine Methode hinzugefügt - ein Vorschlag, den ich in den Apple Dev-Foren gefunden habe.

In einer projektweiten .h -

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

Implementierung:

@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;

Sie können versuchen, die imageViewGröße an die anzupassen image. Der folgende Code wird nicht getestet.

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;

Auf diese Weise kann die Größe eines UIImage geändert werden

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]; 

Der oben veröffentlichte Originalcode hat in iOS 4.2 für mich gut funktioniert.

Ich fand, dass das Erstellen eines CGRect und das Angeben aller Werte für oben, links, Breite und Höhe in meinem Fall, in dem eine UIImageView in einer Tabellenzelle verwendet wurde, die einfachste Möglichkeit war, die Position anzupassen. (Es muss noch Code hinzugefügt werden, um Objekte freizugeben.)

Stellen Sie Ihre ImageView ein, indem Sie Modus auf auswählen Aspect Fillund das Kontrollkästchen aktivieren Clip Subviews.

Das funktioniert gut für mich Swift 2.x:

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

Stellen Sie Ihre UIimageviewnach Skala ein .........

Für 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

Ich habe folgenden Code verwendet. Wo imageCoverView ist, enthält UIView 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;
}

Wenn die hier vorgeschlagenen Lösungen für Sie nicht funktionieren und Ihr Bildbestandteil tatsächlich ein PDF ist, beachten Sie, dass XCode PDFs tatsächlich anders behandelt als Bilddateien. Insbesondere scheint es nicht skalierbar zu sein, um es richtig mit einem PDF zu füllen: Es wird stattdessen gekachelt. Das machte mich verrückt, bis ich herausfand, dass das Problem das PDF-Format war. Konvertieren Sie in JPG und Sie sollten bereit sein zu gehen.

Normalerweise verwende ich diese Methode für meine Apps ( Swift 2.x- kompatibel):

// 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
}

Ich denke du kannst so etwas machen

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

So können Sie es einfach skalieren.

Dies funktioniert in 2.x mit dem Simulator und dem iPhone.

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