Wie erkenne ich die Bildgröße nach dem Anwenden von aspect fit für das Bild in einer UIImageView?

Ich bin laden Sie ein Bild, um eine Bildansicht mit der mode-als "Aspekt-Fit". Ich muss wissen, auf welche Größe mein Bild wird skaliert. Bitte helfen Sie.

InformationsquelleAutor der Frage Nithin | 2011-06-08

  1. 30

    Siehe @Paul-de-Lange-Antwort statt diesem einen

    Konnte ich nichts finden, was auf eine leicht zugängliche variable, die hatte das auch, also hier ist die brute-force-Weg:

    - (CGSize) aspectScaledImageSizeForImageView:(UIImageView *)iv image:(UIImage *)im {

float x,y;
float a,b;
x = iv.frame.size.width;
y = iv.frame.size.height;
a = im.size.width;
b = im.size.height;

if ( x == a && y == b ) {           //image fits exactly, no scaling required
    //return iv.frame.size;
}
else if ( x > a && y > b ) {         //image fits completely within the imageview frame
    if ( x-a > y-b ) {              //image height is limiting factor, scale by height
        a = y/b * a;
        b = y;
    } else {
        b = x/a * b;                //image width is limiting factor, scale by width
        a = x;
    }
} 
else if ( x < a && y < b ) {        //image is wider and taller than image view
    if ( a - x > b - y ) {          //height is limiting factor, scale by height
        a = y/b * a;
        b = y;
    } else {                        //width is limiting factor, scale by width
        b = x/a * b;
        a = x;
    }
}
else if ( x < a && y > b ) {        //image is wider than view, scale by width
    b = x/a * b;
    a = x;
}
else if ( x > a && y < b ) {        //image is taller than view, scale by height
    a = y/b * a;
    b = y;
}
else if ( x == a ) {
    a = y/b * a;
    b = y;
} else if ( y == b ) {
    b = x/a * b;
    a = x;
}
return CGSizeMake(a,b);

}

    InformationsquelleAutor der Antwort Rayfleck

  2. 116

    Warum nicht mit der OS Funktion AVMakeRectWithAspectRatioInsideRect?

    InformationsquelleAutor der Antwort Paul de Lange

  3. 50

    Wollte ich AVMakeRectWithAspectRatioInsideRect() ohne das AVFoundation framework.

    So, ich habe implementiert die folgenden beiden Hilfsfunktionen:

    CGSize CGSizeAspectFit(CGSize aspectRatio, CGSize boundingSize)
{
    float mW = boundingSize.width / aspectRatio.width;
    float mH = boundingSize.height / aspectRatio.height;
    if( mH < mW )
        boundingSize.width = boundingSize.height / aspectRatio.height * aspectRatio.width;
    else if( mW < mH )
        boundingSize.height = boundingSize.width / aspectRatio.width * aspectRatio.height;
    return boundingSize;
}

CGSize CGSizeAspectFill(CGSize aspectRatio, CGSize minimumSize)
{
    float mW = minimumSize.width / aspectRatio.width;
    float mH = minimumSize.height / aspectRatio.height;
    if( mH > mW )
        minimumSize.width = minimumSize.height / aspectRatio.height * aspectRatio.width;
    else if( mW > mH )
        minimumSize.height = minimumSize.width / aspectRatio.width * aspectRatio.height;
    return minimumSize;
}

    Edit: Optimiert unten durch entfernen von doppelten Abteilungen.

    CGSize CGSizeAspectFit(const CGSize aspectRatio, const CGSize boundingSize)
{
    CGSize aspectFitSize = CGSizeMake(boundingSize.width, boundingSize.height);
    float mW = boundingSize.width / aspectRatio.width;
    float mH = boundingSize.height / aspectRatio.height;
    if( mH < mW )
        aspectFitSize.width = mH * aspectRatio.width;
    else if( mW < mH )
        aspectFitSize.height = mW * aspectRatio.height;
    return aspectFitSize;
}

CGSize CGSizeAspectFill(const CGSize aspectRatio, const CGSize minimumSize)
{
    CGSize aspectFillSize = CGSizeMake(minimumSize.width, minimumSize.height);
    float mW = minimumSize.width / aspectRatio.width;
    float mH = minimumSize.height / aspectRatio.height;
    if( mH > mW )
        aspectFillSize.width = mH * aspectRatio.width;
    else if( mW > mH )
        aspectFillSize.height = mW * aspectRatio.height;
    return aspectFillSize;
}

    Ende Bearbeiten

    Dies dauert eine bestimmte Größe (der erste parameter) und behält sein Seitenverhältnis. Es füllt dann die gegebenen Grenzen (zweiter parameter), so viel wie möglich, ohne zu verletzen das Seitenverhältnis.

    Mit dieser Antwort auf die ursprüngliche Frage:

    //Using aspect fit, scale the image (size) to the image view's size.
CGSize sizeBeingScaledTo = CGSizeAspectFit(theImage.size, theImageView.frame.size);

    Hinweis, wie das Bild bestimmt, das Seitenverhältnis, während Sie das Bild anzeigen, wird die Größe bestimmt, gefüllt zu werden.

    Feedback ist sehr willkommen.

    InformationsquelleAutor der Antwort Timo

  4. 14

    Diese einfache Funktion berechnet die Größe des Bildes nach Aspekt passen:

        -(CGSize)imageSizeAfterAspectFit:(UIImageView*)imgview{


    float newwidth;
    float newheight;

    UIImage *image=imgview.image;

    if (image.size.height>=image.size.width){
        newheight=imgview.frame.size.height;
        newwidth=(image.size.width/image.size.height)*newheight;

        if(newwidth>imgview.frame.size.width){
            float diff=imgview.frame.size.width-newwidth;
            newheight=newheight+diff/newheight*newheight;
            newwidth=imgview.frame.size.width;
        }

    }
    else{
        newwidth=imgview.frame.size.width;
        newheight=(image.size.height/image.size.width)*newwidth;

        if(newheight>imgview.frame.size.height){
            float diff=imgview.frame.size.height-newheight;
            newwidth=newwidth+diff/newwidth*newwidth;
            newheight=imgview.frame.size.height;
        }
    }

    NSLog(@"image after aspect fit: width=%f height=%f",newwidth,newheight);


    //adapt UIImageView size to image size
    //imgview.frame=CGRectMake(imgview.frame.origin.x+(imgview.frame.size.width-newwidth)/2,imgview.frame.origin.y+(imgview.frame.size.height-newheight)/2,newwidth,newheight);

    return CGSizeMake(newwidth, newheight);

}

    InformationsquelleAutor der Antwort Oleh Kudinov

  5. 7

    Vielleicht passt nicht der Fall, aber dieser einfache Ansatz mein problem zu lösen in einem ähnlichen Fall:

        UIImageView *imageView = [[UIImageView alloc] initWithImage:bigSizeImage];
    [imageView sizeToFit];

    Nach Ansicht führt sizeToFit, wenn Sie die Abfrage Bildansicht.frame.Größe du dir das Bild anzeigen Größe passt, dass die neue Bildgröße.

    InformationsquelleAutor der Antwort Emilio

  6. 6

    Wollte ich auch zur Berechnung der Höhe nach dem Seitenverhältnis angewendet wird, um in der Lage sein, um die Berechnung der Höhe der Tabellenansicht Zelle. So erreichte ich über wenig Mathematik

    ratio = width / height

    Höhe und würde

    height = width / ratio

    Code snippet wäre

    UIImage *img = [UIImage imageNamed:@"anImage"];
float aspectRatio = img.size.width/img.size.height;
float requiredHeight = self.view.bounds.size.width / aspectRatio;

    InformationsquelleAutor der Antwort zeeawan

  7. 6

    Für Swift code unten 

    func imageSizeAspectFit(imgview: UIImageView) -> CGSize {
        var newwidth: CGFloat
        var newheight: CGFloat
        let image: UIImage = imgFeed.image!

        if image.size.height >= image.size.width {
            newheight = imgview.frame.size.height;
            newwidth = (image.size.width / image.size.height) * newheight
            if newwidth > imgview.frame.size.width {
                let diff: CGFloat = imgview.frame.size.width - newwidth
                newheight = newheight + diff / newheight * newheight
                newwidth = imgview.frame.size.width
            }
        }
        else {
            newwidth = imgview.frame.size.width
            newheight = (image.size.height / image.size.width) * newwidth
            if newheight > imgview.frame.size.height {
                let diff: CGFloat = imgview.frame.size.height - newheight
                newwidth = newwidth + diff / newwidth * newwidth
                newheight = imgview.frame.size.height
            }
        }

       print(newwidth, newheight)
        //adapt UIImageView size to image size
        return CGSizeMake(newwidth, newheight)
    }

    Und Rufen Sie Die Funktion 

    imgFeed.sd_setImageWithURL(NSURL(string:"Your image URL")))
self.imageSizeAfterAspectFit(imgFeed)

    InformationsquelleAutor der Antwort Hardik Thakkar

  8. 6

    Swift 3 Menschen Lesbare Version

    extension UIImageView {

    ///Find the size of the image, once the parent imageView has been given a contentMode of .scaleAspectFit
    ///Querying the image.size returns the non-scaled size. This helper property is needed for accurate results.
    var aspectFitSize: CGSize {
        guard let image = image else { return CGSize.zero }

        var aspectFitSize = CGSize(width: frame.size.width, height: frame.size.height)
        let newWidth: CGFloat = frame.size.width / image.size.width
        let newHeight: CGFloat = frame.size.height / image.size.height

        if newHeight < newWidth {
            aspectFitSize.width = newHeight * image.size.width
        } else if newWidth < newHeight {
            aspectFitSize.height = newWidth * image.size.height
        }

        return aspectFitSize
    }

    ///Find the size of the image, once the parent imageView has been given a contentMode of .scaleAspectFill
    ///Querying the image.size returns the non-scaled, vastly too large size. This helper property is needed for accurate results.
    var aspectFillSize: CGSize {
        guard let image = image else { return CGSize.zero }

        var aspectFillSize = CGSize(width: frame.size.width, height: frame.size.height)
        let newWidth: CGFloat = frame.size.width / image.size.width
        let newHeight: CGFloat = frame.size.height / image.size.height

        if newHeight > newWidth {
            aspectFillSize.width = newHeight * image.size.width
        } else if newWidth > newHeight {
            aspectFillSize.height = newWidth * image.size.height
        }

        return aspectFillSize
    }

}

    InformationsquelleAutor der Antwort topLayoutGuide

  9. 5
    +(UIImage *)CreateAResizeImage:(UIImage *)Img ThumbSize:(CGSize)ThumbSize 
{
    float actualHeight = Img.size.height;
    float actualWidth = Img.size.width;

    if(actualWidth==actualHeight) 
    {
        actualWidth = ThumbSize.width; 
        actualHeight = ThumbSize.height;
    }

    float imgRatio = actualWidth/actualHeight;
    float maxRatio = ThumbSize.width/ThumbSize.height; //320.0/480.0;


    if(imgRatio!=maxRatio)
    {
        if(imgRatio < maxRatio)
        {
            imgRatio = ThumbSize.height / actualHeight; //480.0 /actualHeight;
            actualWidth = imgRatio * actualWidth;
            actualHeight = ThumbSize.height; //480.0;
        }
        else
        {
            imgRatio = ThumbSize.width / actualWidth; //320.0 /actualWidth;
            actualHeight = imgRatio * actualHeight;
            actualWidth = ThumbSize.width; //320.0;
        }
    } 
    else 
    {
        actualWidth = ThumbSize.width;
        actualHeight = ThumbSize.height; 
    }


    CGRect rect = CGRectMake(0, 0, (int)actualWidth, (int)actualHeight);
    UIGraphicsBeginImageContext(rect.size);
    [Img drawInRect:rect];
    UIImage *NewImg = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return NewImg;
}

    InformationsquelleAutor der Antwort v_1

  10. 2

    Die akzeptierte Antwort ist unglaublich kompliziert und fällt für einige Grenzfälle. Ich glaube, diese Lösung ist wesentlich eleganter:

    - (CGSize) sizeOfImage:(UIImage*)image inAspectFitImageView:(UIImageView*)imageView
{
    UKAssert(imageView.contentMode == UIViewContentModeScaleAspectFit, @"Image View must use contentMode = UIViewContentModeScaleAspectFit");

    CGFloat imageViewWidth = imageView.bounds.size.width;
    CGFloat imageViewHeight = imageView.bounds.size.height;

    CGFloat imageWidth = image.size.width;
    CGFloat imageHeight = image.size.height;

    CGFloat scaleFactor = MIN(imageViewWidth / imageWidth, imageViewHeight / imageHeight);

    return CGSizeMake(image.size.width*scaleFactor, image.size.height*scaleFactor);
}

    InformationsquelleAutor der Antwort blkhp19

  11. 2

    Hier ist meine Lösung für das gleiche problem:
    https://github.com/alexgarbarev/UIImageView-ImageFrame

    Vorteile:

    • UIViewContentMode Modi unterstützt
    • Können Abfragen für Skalen und für rect separat
    • Fragen können Sie den Bilderrahmen direkt von UIImageView

    InformationsquelleAutor der Antwort Aleksey

  12. 2

    Diese Zeile kann diese Aufgabe

    CGSize sizeInView = AVMakeRectWithAspectRatioInsideRect(imgViewFake.Bild.Größe, imgViewFake.bounds).Größe;

    InformationsquelleAutor der Antwort Darshit Shah

  13. 1

    Ich bin mit dem folgenden Swift:

    private func CGSizeAspectFit(aspectRatio:CGSize,boundingSize:CGSize) -> CGSize
{
    var aspectFitSize = boundingSize
    let mW = boundingSize.width / aspectRatio.width
    let mH = boundingSize.height / aspectRatio.height
    if( mH < mW )
    {
        aspectFitSize.width = mH * aspectRatio.width
    }
    else if( mW < mH )
    {
        aspectFitSize.height = mW * aspectRatio.height
    }
    return aspectFitSize
}

private func CGSizeAspectFill(aspectRatio:CGSize,minimumSize:CGSize) -> CGSize
{
    var aspectFillSize = minimumSize
    let mW = minimumSize.width / aspectRatio.width
    let mH = minimumSize.height / aspectRatio.height
    if( mH > mW )
    {
        aspectFillSize.width = mH * aspectRatio.width
    }
    else if( mW > mH )
    {
        aspectFillSize.height = mW * aspectRatio.height
    }
    return aspectFillSize
}

    Ich verwende es wie folgt:

    let aspectSize  = contentMode == .ScaleAspectFill ? CGSizeAspectFill(oldSize,minimumSize: newSize) : CGSizeAspectFit(oldSize, boundingSize: newSize)

let newRect = CGRect( x: (newSize.width - aspectSize.width)/2, y: (newSize.height - aspectSize.height)/2, width: aspectSize.width, height: aspectSize.height)

CGContextSetFillColorWithColor(context,IOSXColor.whiteColor().CGColor)
CGContextFillRect(context, CGRect(origin: CGPointZero,size: newSize))
CGContextDrawImage(context, newRect, cgImage)

    InformationsquelleAutor der Antwort JollyJinx

  14. 1

    Swift 3 UIImageView Erweiterung:

    import AVFoundation

extension UIImageView {
  var imageSize: CGSize {
    if let image = image {
      return AVMakeRect(aspectRatio: image.size, insideRect: bounds).size
    }
    return CGSize.zero
  }  
}

    InformationsquelleAutor der Antwort paul king

  15. 1

    Swift 4:
    Rahmen für .aspectFit Bild -

    import AVFoundation

    let x: CGRect = AVMakeRect(aspectRatio: myImage.size, insideRect: sampleImageView.frame)

    InformationsquelleAutor der Antwort Jack

  16. 0

    Den oben genannten Methoden nie geben die gewünschten Werte ein.Als Aspekt Passform behält das Seitenverhältnis, wir brauchen nur einfache Mathematik, die zum berechnen der Werte

    Erkennen das Seitenverhältnis 

    CGFloat imageViewAspectRatio = backgroundImageView.bounds.size.width / backgroundImageView.bounds.size.height;
CGFloat imageAspectRatio =  backgroundImageView.image.size.width / backgroundImageView.image.size.height;
CGFloat mulFactor = imageViewAspectRatio/imageAspectRatio;

    Holen Sie sich die neuen Werte

    CGFloat newImageWidth = mulFactor * backgroundImageView.bounds.size.width;
CGFloat newImageHeight = mulFactor * backgroundImageView.bounds.size.height;

    InformationsquelleAutor der Antwort Suryanarayan Sahu

  17. 0

    Wenn Sie wissen, dass nur die Breite der Bildansicht und wenn Sie die Höhe des Bildes ist dynamisch, dann brauchen Sie, um das Bild zu skalieren ist die Höhe, die entsprechend der gegebenen Breite zu entfernen, die weißen Flächen oben und unterhalb des Bildes. Verwenden Sie die folgende Methode aus hier um die Höhe zu skalieren des Bildes nach dem standard Breite des Bildschirms.

    -(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;
}

    Und rufen Sie es von Ihrem cellForRowAtIndexPath: Methode wie diese:

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

    InformationsquelleAutor der Antwort Md Rais

  18. 0

    Hier mein AVFoundation-weniger Lösung.

    Erste hier ist ein CGSize Erweiterung zur Berechnung einer Größe, die passen würde eine andere Größe:

    extension CGSize
{
    func sizeThatFitsSize(_ aSize: CGSize) -> CGSize
    {
        let width = min(self.width * aSize.height / self.height, aSize.width)
        return CGSize(width: width, height: self.height * width / self.width)
    }
}

    Also die Lösung zu OP ' s problem ruft nach unten:

    let resultSize = image.size.sizeThatFitsSize(imageView.bounds.size)

    Auch hier ist eine weitere Verlängerung für die Montage von einem Rechteck in ein anderes rect (es nutzt den oben genannten CGSize-Erweiterung):

    extension CGRect
{
    func rectThatFitsRect(_ aRect:CGRect) -> CGRect
    {
        let sizeThatFits = self.size.sizeThatFitsSize(aRect.size)

        let xPos = (aRect.size.width - sizeThatFits.width) / 2
        let yPos = (aRect.size.height - sizeThatFits.height) / 2

        let ret = CGRect(x: xPos, y: yPos, width: sizeThatFits.width, height: sizeThatFits.height)
        return ret
    }
}

    InformationsquelleAutor der Antwort Russian

Schreibe einen Kommentar