UIButton hört nicht auf die Einstellung des Inhaltsmodus?

firstButton ist ein UIButton vom Typ Custom. Ich platziere programmgesteuert drei davon in jeder Zelle einer Tabelle, also:

[firstButton setImage:markImage forState:UIControlStateNormal];
[firstButton setContentMode:UIViewContentModeScaleAspectFit];
[cell.contentView addSubview:firstButton];

An anderer Stelle sage ich es zu clipToBounds. Was ich bekomme, ist ein Ausschnitt des mittleren Quadrats des Bildes und keine aspektskalierte Darstellung. Ich habe dies auf viele Arten versucht, einschließlich des Festlegens der mode-Eigenschaft in firstButton.imageView, was ebenfalls nicht zu funktionieren scheint.

Ich hatte das gleiche Problem. Ich sehe, dass diese Frage etwas alt ist, aber ich möchte eine klare und korrekte Antwort geben, um anderen Leuten (wie mir) einige Zeit zu ersparen, wenn sie in ihren Suchergebnissen auftaucht.

Ich musste ein bisschen suchen und experimentieren, aber ich fand die Lösung. Stellen Sie einfach den ContentMode der "versteckten" ImageView ein, die sich im UIButton befindet.

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

Vielleicht hat Dan Ray in seiner akzeptierten Antwort darauf angespielt, aber ich vermute nicht.

Wenn Sie sich mit dem Bild des UIButton befassen (im Gegensatz zu seinem Hintergrundbild), hat das Festlegen des contentMode auf dem UIButton selbst oder auf seiner imageView keine Auswirkung (trotz der Aussagen anderer Antworten).

Alternativ können Sie dies stattdessen tun:

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

Oder passen Sie Ihr Bild entsprechend an.

ODER verwenden Sie einfach eine UIImageView (die den ContentMode ordnungsgemäß berücksichtigt) mit einem daran angehängten UITapGestureRecognizer oder einen transparenten UIButton darüber.

Anstatt die Einstellung contentModeauf der Schaltfläche selbst, die Sie einstellen möchten werden contentHorizontalAlignmentund contentVerticalAlignmentEigenschaften und (entscheidend) die contentModefür die Schaltfläche imageViewfür jede Art von Aspekte Füllung oder Passform. Hier ist ein Beispiel:

button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;
button.imageView.contentMode = UIViewContentModeScaleAspectFit;

Natürlich können Sie auch andere Dinge tun, z. B. das Bild der Schaltfläche am oberen Rand der Schaltfläche ausrichten. Wenn Sie keine Seitenfüllung oder -anpassung benötigen, können Sie die Ausrichtung einfach selbst festlegen:

button.contentVerticalAlignment = UIControlContentVerticalAlignmentTop;

In Swift möchten Sie Folgendes verwenden:

button.contentHorizontalAlignment = .fill
button.contentVerticalAlignment = .fill
button.imageView?.contentMode = .scaleAspectFit

Dies funktioniert für alle Versionen von iOS, einschließlich der neuesten Versionen mit automatischem Layout (dh iOS 4 bis iOS 11+).

Nach ein paar Stunden der Verwirrung habe ich es unter iOS 3.2 zum Laufen gebracht. Wie bereits erwähnt, hat die Verwendung von setBackgroundImage anstelle von setImage die Aufgabe für mich erledigt.

CGRect myButtonFrame = CGRectMake(0, 0, 250, 250);
UIImage *myButtonImage = [UIImage imageNamed:@"buttonImage"];

UIButton *myButton = [UIButton buttonWithType:UIButtonTypeCustom];

[myButton setBackgroundImage:myButtonImage forState:UIControlStateNormal];
[myButton setFrame: myButtonFrame];
[myButton setContentMode: UIViewContentModeScaleAspectFit];

Die Antwort besteht darin, ein UIImageView mit allen gewünschten Einstellungen für den Inhaltsmodus zu verwenden und dann eine benutzerdefinierte Schaltfläche darüber zu legen. Dumm, dass man das nicht alles auf einmal machen kann, aber es scheint, dass man das nicht kann.

Habe eine Lösung dafür gefunden. Setzen Sie die adjustsImageWhenHighlightedEigenschaft von UIButtonauf NO.

  UIButton *b = [[UIButton alloc] initWithFrame:rect];
        [b setImage:image forState:UIControlStateNormal];
        [b.imageView setContentMode:UIViewContentModeScaleAspectFill];
        [b setAdjustsImageWhenHighlighted:NO];

Hoffe das hilft. Fühlen Sie sich frei, unten zu kommentieren, ich werde alle Ihre Fragen beantworten.

Meine Antwort ähnelt der von Kuba. Ich musste mein Bild programmgesteuert einstellen.

UIImage *image = [[UIImage alloc] initWithContentsOfFile:...];
[button setBackgroundImage:image forState:UIControlStateNormal];
button.imageView.contentMode = UIViewContentModeScaleAspectFill; //this is needed for some reason, won't work without it.
for(UIView *view in button.subviews) {
    view.contentMode = UIViewContentModeScaleAspectFill;
}

Einzige Lösung, die bei mir funktioniert hat:

[button setImage:image forState:UIControlStateNormal];
button.imageView.contentMode = UIViewContentModeScaleAspectFill;
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;

Swift 3

self.firstButton.imageView?.contentMode = .scaleAspectFill

Versuchen Sie statt setImage setBackgroundImage

Ich glaube, wir haben hier ein einfaches Problem mit dem Interface Builder - anscheinend ignoriert der IB alle Änderungen im Inhaltsmodus, nachdem Sie die Bildeigenschaft festgelegt haben.

Die Lösung ist so einfach: Stellen Sie den Inhaltsmodus ein, entfernen Sie zuvor festgelegte Bildnamen (stellen Sie sicher, dass Sie sie in allen Zuständen entfernen, Standard, hervorgehoben usw.), und geben Sie dann die gewünschten Bildnamen in allen gewünschten Zuständen erneut ein - et voilà .

Ich empfehle auch, einen Blick auf die adjustsImageWhenHighlighted UIButtonEigenschaft zu werfen , um seltsame Verformungen des Bildes zu vermeiden, wenn die Taste gedrückt wird.

Als ich versuchte, dies herauszufinden, wurde meine Methode im Laufe der Zeit etwas hackiger, und ich landete in der Unterklasse UIButton und überschrieb setHighlighted:

Für mich funktioniert es, das Bild Alpha einfach auf 0,5 zu reduzieren, da es sich auf einem schwarzen Hintergrund befindet.

Es funktioniert jedoch nur, wenn ich [super setHighlighted:] auskommentiere (wo es scheint, dass der bilddehnungsfähige Code läuft), was einfach nicht der richtige Weg ist, dies überhaupt zu lösen ... alles scheint zu sein funktioniert aber gut. Wir werden sehen, wie es funktioniert, wenn ich weiter daran arbeite.

- (void)setHighlighted:(BOOL)highlight {
    if (highlight) {
        [self.imageView setAlpha:.5];
    }  else {
        [self.imageView setAlpha:1];        
    }

//    [super setHighlighted:highlight];
}

Wenn jemand nach einer Antwort sucht, die in iOS 6 und iOS 7 und im Storyboard funktioniert:

Sie können ein Bild in Ihrem Storyboard festlegen:

Und dann:

for(UIView* testId in self.subviews) {
    if([testId isKindOfClass:[UIImageView class]])
        [testId setContentMode:UIViewContentModeScaleAspectFill];
}

Wenn der UIButton die Einstellungen für Layoutbeschränkungen nicht zu hören scheint, überprüfen Sie, ob die Bilder größer als die Schaltflächengröße sind. Verwenden Sie für Retina-Auflösungen immer die Bilder @ 2x und @ 3x.

Diese beiden Dinge (die anfangs ziemlich schwer zu finden sind) dehnen Ihr UIButton-Bild auf die Größe der Schaltfläche:

man sollte immer versuchen, solche im Storyboard anstatt im Code festzulegen.