Ich habe eine UIButton-Instanz mit dem Namen "button" mit einem Bild erstellt [UIButton setImage:forState:]. Der button.frame ist größer als das Bild.

Jetzt möchte ich das Bild dieser Schaltfläche verkleinern. Ich habe versucht button.imageView.frame, mich zu ändern , button.imageView.boundsund button.imageView.contentMode, aber alle scheinen unwirksam.

Kann mir jemand helfen UIButton, die Bildansicht von a zu skalieren?

Ich habe folgendes erstellt UIButton:

UIButton *button = [[UIButton alloc] init];
[button setImage:image forState:UIControlStateNormal];

Ich habe versucht, das Bild folgendermaßen zu skalieren:

button.imageView.contentMode = UIViewContentModeScaleAspectFit;
button.imageView.bounds = CGRectMake(0, 0, 70, 70);

und das:

button.imageView.contentMode = UIViewContentModeScaleAspectFit;
button.imageView.frame = CGRectMake(0, 0, 70, 70);

Für das Originalplakat habe ich folgende Lösung gefunden:

commentButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;

Dadurch kann Ihre Schaltfläche horizontal skaliert werden. Es gibt auch eine vertikale Einstellung.

Ich habe mehrere Stunden gebraucht, um das herauszufinden (die Benennung der Immobilie ist sehr unintuitiv), also dachte ich mir, ich würde es teilen.

Ich hatte ein ähnliches Problem, bei dem ich ein Hintergrundbild (eines mit Rand) und ein Bild (Flagge) für eine benutzerdefinierte Schaltfläche habe. Ich wollte, dass die Flagge verkleinert und in der Mitte ist. Ich habe versucht, das Attribut von imageView zu ändern, war jedoch nicht erfolgreich und habe dieses Bild gesehen.

Während meiner Experimente habe ich versucht:

button.imageEdgeInsets = UIEdgeInsetsMake(kTop,kLeft,kBottom,kRight)

Ich habe das erwartete Ergebnis erzielt als:

Eine zusätzliche Möglichkeit zur Konfiguration in einer XIB-Datei. Sie können diese Option auswählen, wenn Sie möchten, dass Text oder Bild die vollständige Ausfüllung in UIButton skalieren. Mit Code wird es genauso sein.

UIButton *btn = [UIButton new];

btn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
btn.contentVerticalAlignment   = UIControlContentVerticalAlignmentFill;

verwenden

button.contentMode = UIViewContentModeScaleToFill;

nicht

button.imageView.contentMode = UIViewContentModeScaleAspectFit;

Aktualisieren:

Wie @Chris kommentierte,

Damit dies für setImage: forState: funktioniert, müssen Sie die folgenden Schritte ausführen, um horizontal zu skalieren: myButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;

    UIButton *button= [[UIButton alloc] initWithFrame:CGRectMake(0,0,70,70)];
    button.buttonType = UIButtonTypeCustom;
    UIImage *buttonImage = [UIImage imageNamed:@"image.png"];

    UIImage *stretchableButtonImage = [buttonImage stretchableImageWithLeftCapWidth:12 topCapHeight:0]; 
    [button setBackgroundImage:stretchableButtonImage forState:UIControlStateNormal]; 

Ich habe diese Lösung gefunden.

1) Unterklasse der folgenden Methoden von UIButton

+ (id)buttonWithType:(UIButtonType)buttonType {
    MyButton *toReturn = [super buttonWithType:buttonType];
    toReturn.imageView.contentMode = UIViewContentModeScaleAspectFit;
    return toReturn;
}

- (CGRect)imageRectForContentRect:(CGRect)contentRect {
    return contentRect;
}

Und es funktioniert gut.

Seltsam, die einzige Kombination, die für mich (iOS 5.1) funktioniert hat, ist ...

button.imageView.contentMode = UIViewContentModeScaleAspectFit;

und

[button setImage:newImage forState:UIControlStateNormal];

Ich bin gerade auf dasselbe Problem gestoßen, und diese Frage enthält eine mögliche Antwort:

Warum wird die Größe eines benutzerdefinierten UIButton-Bilds im Interface Builder nicht geändert?

Verwenden Sie stattdessen im Wesentlichen die Eigenschaft backgroundimage, die skaliert wird.

Tun Sie es einfach (vom Design oder vom Code):

Vom Design

1. Öffnen Sie Ihr xib OR Storyboard.
2. Auswahlknopf
3. Innerhalb des Attributinspektors (rechte Seite)> Wählen Sie im Abschnitt "Steuerung" die letzte vierte Option für Horizontal und Verisch aus.

[Für Punkt 3: Ändern Sie die horizontale und vertikale Ausrichtung auf UIControlContentHorizontalAlignmentFill and UIControlContentVericalAlignmentFill]

Aus dem Code

button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment =  UIControlContentVerticalAlignmentFill;

So kann Ihr Problem gelöst werden:

+ (UIImage*)resizedImage:(UIImage*)image
{
 CGRect frame = CGRectMake(0, 0, 60, 60);
 UIGraphicsBeginImageContext(frame.size);
 [image drawInRect:frame];
 UIImage* resizedImage = UIGraphicsGetImageFromCurrentImageContext();
 UIGraphicsEndImageContext();

 return resizedImage;
}

Von einem kleinen Test, den ich gerade nach dem Lesen hier gemacht habe, hängt davon ab, ob Sie setImage oder setBackgroundImage verwenden. Beide haben das gleiche Ergebnis erzielt und das Bild gestreckt

//for setBackgroundImage
 self.imageButton.contentMode = UIViewContentModeScaleAspectFill;
        [self.imageButton setBackgroundImage:[UIImage imageNamed:@"imgFileName"] forState:UIControlStateNormal];

//for setImage
 self.imageButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
        self.imageButton.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;
    [self.imageButton setImage:[UIImage imageNamed:@"imgFileName"] forState:UIControlStateNormal];

button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment =  UIControlContentVerticalAlignmentFill;

Dies funktioniert auch, da das backgroundImage automatisch skaliert

[button setBackgroundImage:image forState:UIControlStateNormal];

Storyboard

Sie müssen bestimmte Eigenschaft definieren in Runtime - Attribute von Inspektoren Identität - imageView.contentModel, wo Sie Wert relativ zu rawValuePosition von ENUM UIViewContentMode. 1 bedeutet scaleAspectFit .

Und die Ausrichtung der Schaltfläche im Attributinspektor :

Ich kann keine Lösung von _imageView verwenden lassen, aber ich kann eine verwenden CGContextRef, um sie zu lösen. Es benutzt dieUIGraphicsGetCurrentContext das currentContextRef abgerufen und ein Bild in currentContextRef gezeichnet. Anschließend wird das Bild skaliert oder gedreht und ein neues Bild erstellt. Aber es ist nicht perfekt.

der Code:

-(UIImage*) scaleAndRotateImage:(UIImage*)photoimage width:(CGFloat)bounds_width height:(CGFloat)bounds_height;
{
    CGImageRef imgRef = photoimage.CGImage;

    CGFloat width = CGImageGetWidth(imgRef);
    CGFloat height = CGImageGetHeight(imgRef);

    CGAffineTransform transform = CGAffineTransformIdentity;
    CGRect bounds = CGRectMake(0, 0, width, height);

    bounds.size.width = bounds_width;
    bounds.size.height = bounds_height;

    CGFloat scaleRatio = bounds.size.width / width;
    CGFloat scaleRatioheight = bounds.size.height / height;
    CGSize imageSize = CGSizeMake(CGImageGetWidth(imgRef), CGImageGetHeight(imgRef));
    CGFloat boundHeight;
    UIImageOrientation orient = photoimage.imageOrientation;
    switch(orient)
    {
        case UIImageOrientationUp: //EXIF = 1
            transform = CGAffineTransformIdentity;
            break;

        case UIImageOrientationUpMirrored: //EXIF = 2
            transform = CGAffineTransformMakeTranslation(imageSize.width, 0.0);
            transform = CGAffineTransformScale(transform, -1.0, 1.0);
            break;

        case UIImageOrientationDown: //EXIF = 3
            transform = CGAffineTransformMakeTranslation(imageSize.width, imageSize.height);
            transform = CGAffineTransformRotate(transform, M_PI);
            break;

        case UIImageOrientationDownMirrored: //EXIF = 4
            transform = CGAffineTransformMakeTranslation(0.0, imageSize.height);
            transform = CGAffineTransformScale(transform, 1.0, -1.0);
            break;

        case UIImageOrientationLeftMirrored: //EXIF = 5
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(imageSize.height, imageSize.width);
            transform = CGAffineTransformScale(transform, -1.0, 1.0);
            transform = CGAffineTransformRotate(transform, 3.0 * M_PI / 2.0);
            break;

        case UIImageOrientationLeft: //EXIF = 6
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(0.0, imageSize.width);
            transform = CGAffineTransformRotate(transform, 3.0 * M_PI / 2.0);
            break;

        case UIImageOrientationRightMirrored: //EXIF = 7
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeScale(-1.0, 1.0);
            transform = CGAffineTransformRotate(transform, M_PI / 2.0);
            break;

        case UIImageOrientationRight: //EXIF = 8
            boundHeight = bounds.size.height;
            bounds.size.height = bounds.size.width;
            bounds.size.width = boundHeight;
            transform = CGAffineTransformMakeTranslation(imageSize.height, 0.0);
            transform = CGAffineTransformRotate(transform, M_PI / 2.0);
            break;

        default:
            [NSException raise:NSInternalInconsistencyException format:@"Invalid?image?orientation"];
            break;
    }

    UIGraphicsBeginImageContext(bounds.size);

    CGContextRef context = UIGraphicsGetCurrentContext();

    if (orient == UIImageOrientationRight || orient == UIImageOrientationLeft)
    {
        CGContextScaleCTM(context, -scaleRatio, scaleRatioheight);
        CGContextTranslateCTM(context, -height, 0);
    }
    else
    {
        CGContextScaleCTM(context, scaleRatio, -scaleRatioheight);
        CGContextTranslateCTM(context, 0, -height);
    }

    CGContextConcatCTM(context, transform);

    CGContextDrawImage(UIGraphicsGetCurrentContext(), CGRectMake(0, 0, width, height), imgRef);
    UIImage *imageCopy = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return imageCopy;
}

Ich hoffe, das kann jemand anderem helfen:

Swift 3+

button.contentHorizontalAlignment = UIControlContentHorizontalAlignment.fill
button.contentVerticalAlignment =  UIControlContentVerticalAlignment.fill

Sie können imageView mithilfe der benutzerdefinierten UIButton-Klasse ändern. Bitte sehen Sie meine Antwort. https://stackoverflow.com/a/59874762/5693826

Jeder UIButton hat eine eigene versteckte UIImageView. Also müssen wir den Inhaltsmodus wie folgt einstellen ...

[[btn imageView] setContentMode: UIViewContentModeScaleAspectFit];
[btn setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];

Unten links im Screenshot sehen Sie die Dehnungseigenschaften. Versuchen Sie es mit diesen.