UIButton wechselt nicht zu Aspect Fit im iPhone

Ich habe ein paar UIButtons und in IB sind sie auf Aspect Fit eingestellt, aber aus irgendeinem Grund dehnen sie sich immer. Gibt es noch etwas, das Sie einstellen müssen? Ich habe all die verschiedenen Ansichtsmodi ausprobiert und keiner von ihnen funktioniert, sie dehnen sich alle.

Ich hatte dieses Problem schon einmal. Ich habe es gelöst, indem ich mein Bild in ein Feld eingefügt habe, in UIImageViewdem die contentModeEinstellungen tatsächlich funktionieren, und darüber ein transparentes benutzerdefiniertes UIButtonElement eingefügt habe.

EDIT: Diese Antwort ist veraltet. Siehe @Werner Altewischer Antwort für die richtige Antwort in modernen Versionen von iOS.

Die Lösung besteht darin, contentModedie imageViewEigenschaft auf die zu setzen UIButton. Das UIButtonmuss mit einem benutzerdefinierten Typ erstellt werden, damit dies funktioniert, glaube ich (andernfalls nilwird es für diese Eigenschaft zurückgegeben).

Diese Methode hat bei mir sehr gut funktioniert.:

Wählen Sie in Xib die Schaltfläche und stellen Sie Folgendes ein user defined runtime attributes:

• Schlüsselpfad: self.imageView.contentMode
• Art: Number
• Wert: 1

Wir verwenden die Nummer, weil Sie dort keine Aufzählung verwenden können. UIViewContentModeScaleAspectFit ist jedoch gleich 1.

Wenn Sie dies in Interface Builder tun, können Sie den Inspektor für Laufzeitattribute verwenden, um dies direkt ohne Code festzulegen.

Stellen Sie Ihren Schlüsselpfad auf der Schaltfläche auf "imageView.contentMode" mit dem Typ "Number" und dem Wert "1" (oder einem beliebigen Modus) ein.

Verwenden Sie die imageView der Schaltfläche für den ContentMode. Nicht direkt auf der Schaltfläche selbst.

homeButton.imageView.contentMode = UIViewContentModeScaleAspectFit;
homeButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
homeButton.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;
[homeButton setImage:[UIImage imageNamed:kPNGLogo] forState:UIControlStateNormal];

Wenn Sie das Bild UIImageViewhinter der Schaltfläche platzieren, verlieren Sie die integrierte Funktionalität der UIButtonKlasse, wie z. B. adjustsImageWhenHighlightedund adjustsImageWhenDisabled, und natürlich die Möglichkeit, verschiedene Bilder für verschiedene Zustände festzulegen (ohne dies selbst zu tun).

Wenn ein Bild für alle Kontrollzustände nicht gestreckt werden soll, besteht ein Ansatz darin, das Bild imageWithCGImage:scale:orientationwie in der folgenden Methode zu verwenden:

- (UIImage *) getScaledImage:(UIImage *)img insideButton:(UIButton *)btn {

    // Check which dimension (width or height) to pay respect to and
    // calculate the scale factor
    CGFloat imgRatio = img.size.width / img.size.height, 
            btnRatio = btn.frame.size.width / btn.frame.size.height,
            scaleFactor = (imgRatio > btnRatio 
                           ? img.size.width / btn.frame.size.width
                           : img.size.height / btn.frame.size.height;

    // Create image using scale factor
    UIImage *scaledImg = [UIImage imageWithCGImage:[img CGImage]
                                             scale:scaleFactor
                                       orientation:UIImageOrientationUp];
    return scaledImg;
}

Um dies umzusetzen, würden wir schreiben:

UIImage *scaledImg = [self getScaledImage:myBtnImg insideButton:myBtn];
[myBtn setImage:scaledImg forState:UIControlStateNormal];

Dies sollte verhindern, dass sich das Bild in allen Kontrollzuständen dehnt. Es hat bei mir funktioniert, aber lassen Sie es mich wissen, wenn es nicht funktioniert!

HINWEIS: Hier sprechen wir ein Problem an UIButton, das insideButton:sich insideView:auf das Bild bezieht , aber das könnte genauso gut sein oder was auch immer.

Ich hatte dieses Problem vor einiger Zeit. Das Problem, das ich hatte, war, dass ich versucht habe, diesen Effekt auf den Hintergrund-UIButton anzuwenden, der begrenzt ist und daher bedeutet, dass Sie ihn nicht so einfach anpassen können.

Der Trick besteht darin, es nur als Bild festzulegen und dann die Technik von @ ayreguitar anzuwenden, und das sollte es beheben!

UIButton *myButton = [UIButton buttonWithType:UIButtonTypeCustom];
[myButton setContentMode:UIViewContentModeScaleAspectFill];
[myButton setImage:@"myImage.png" forState:UIControlStateNormal];

Das hat bei mir funktioniert

[button.imageView setContentMode:UIViewContentModeScaleAspectFit];

Vielen Dank an @ayreguitar für seinen Kommentar

Hier ist eine alternative Antwort in Kürze:

myButton.imageView?.contentMode = .ScaleAspectFit

Kombinieren Sie einige unterschiedliche Antworten zu einer Lösung: Erstellen Sie eine Schaltfläche mit einem benutzerdefinierten Typ, legen Sie die imageView contentMode-Eigenschaft der Schaltfläche fest und legen Sie das Bild für die Schaltfläche fest (nicht das Hintergrundbild, das weiterhin zum Füllen skaliert wird).

//Objective-C:
UIImage *image = [UIImage imageNamed:"myImageName.png"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
[button setImage:image forState:UIControlStateNormal];
button.imageView.contentMode = UIViewContentModeScaleAspectFit;

//Swift:
let image = UIImage(named: "myImageName.png")
let button = UIButton(type: .custom)
button.imageView?.contentMode = .scaleAspectFit
button.setImage(image, for: .normal)

btn.imageView.contentMode = UIViewContentModeScaleAspectFit;

Diese Antwort basiert auf der Antwort von @ WernerAltewischer .

Um zu vermeiden, dass meine Schaltfläche mit einem IBOutlet verbunden wird, um den Code darauf auszuführen, habe ich die Klasse von UIButton in Unterklassen unterteilt:

// .h
@interface UIButtonWithImageAspectFit : UIButton
@end

// .m
@implementation UIButtonWithImageAspectFit

- (void) awakeFromNib {
    [self.imageView setContentMode:UIViewContentModeScaleAspectFit];
}

@end

Erstellen Sie nun eine benutzerdefinierte Schaltfläche in Ihrer xib und legen Sie deren Bild fest (nicht das Hintergrundbild):

Stellen Sie dann die Klasse ein:

Du bist fertig!
Anstelle des

Bildaspekts Ihrer Schaltfläche ist jetzt die Anpassung wie erwartet:

ios 12. Sie müssen auch die Inhaltsausrichtung hinzufügen

class FitButton: UIButton {

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)


    }

    override func layoutSubviews() {
        self.imageView?.contentMode = .scaleAspectFill
        self.contentHorizontalAlignment = .fill
        self.contentVerticalAlignment = .fill
        super.layoutSubviews()


    }

}

Ich hatte Probleme damit, dass die Größe des Bilds nicht proportional geändert wurde, sodass bei der Art und Weise, wie ich es reparierte, Kanteneinsätze verwendet wurden.

fooButton.contentEdgeInsets = UIEdgeInsetsMake(10, 15, 10, 15);

Die UIView-Inhaltsmodi gelten für den "Inhalt" des entsprechenden CALayer. Dies funktioniert für UIImageViews, da sie den CALayerInhalt auf den entsprechenden Wert setzen CGImage.

drawRect: letztendlich wird auf den Ebeneninhalt gerendert.

Ein Benutzerdefinierter UIButton(soweit ich weiß) hat keinen Inhalt (die Schaltflächen im abgerundeten Rechteckstil werden möglicherweise mit Inhalt gerendert). Die Schaltfläche verfügt über Unteransichten: den Hintergrund UIImageView, das Bild UIImageViewund den Titel UILabel. Das Festlegen der contentModeUnteransichten kann das tun, was Sie wollen, aber das Herumspielen mit der UIButtonAnsichtshierarchie ist ein bisschen ein Nein-Nein.

Ändern UIButton.imageView.contentModehat bei mir nicht funktioniert.
Ich habe das Problem gelöst, indem ich das Bild auf die Eigenschaft 'Hintergrund' gesetzt habe.
Sie können bei Bedarf eine Verhältnisbeschränkung hinzufügen

Dies überschneidet sich mit vielen anderen Antworten, aber die Lösung für mich war zu

• des Set contentModedes UIImageViewfür die Schaltfläche .ScaleAspectFit- , die entweder in den im Interface Builder „User Runtime - Attribut definiert“ durchgeführt werden (dh. self.imageView.contentMode, Zahl, 1) oder in einer UIButtonUnterklasse;
• deaktivieren Sie "Autoresize Subviews";
• Setzen Sie "Edge" auf "Image" und die entsprechenden Werte für "Top" und "Bottom" für "Inset" (die möglicherweise nur benötigt werden, wenn Sie wie ich ein PDF als Bild verwendet haben).

Sie können imageWithCGImage wie oben gezeigt verwenden (jedoch ohne die fehlenden Klammern).

Außerdem ... funktionieren Millionen von Nicht-4.0-Telefonen überhaupt nicht mit diesem Code.

[button sizeToFit] arbeitete für mich.

Ähnlich wie bei @Guillaume habe ich eine Unterklasse von UIButton als Swift-Datei erstellt. Dann legen Sie meine benutzerdefinierte Klasse im Interface Builder fest:

.

Und hier die Swift-Datei:

import UIKit

class TRAspectButton : UIButton {
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.imageView?.contentMode = .ScaleAspectFit
    }
}

Ich hatte das gleiche Problem, aber ich konnte es nicht zum Laufen bringen (vielleicht ist es ein Fehler mit dem SDK).

Als Problemumgehung platzierte ich schließlich ein UIImageViewhinter meinem Button und stellte die gewünschten Optionen ein. Dann platzierte ich einfach ein Leerzeichen UIButtondarüber.