Wenn UIButton Inhalt Modus „Mitte“ Hintergrundbild ist pixelig

Question

Hier ist, wie ich das Hintergrundbild habe die Einrichtung und Inhalt-Modus:

[btn setBackgroundImage:[UIImage imageNamed:@"dots_game_horiz_blue.png"] 
       forState:UIControlStateNormal]; 
[btn setContentMode:UIViewContentModeCenter]; 

Gibt es einen Grund, dass das Hintergrundbild verpixelt werden würde? Der Rahmen ist etwas größer als die Bildgröße und ich möchte nur, dass das Bild zentriert wird.

Answer 1

Ich denke, ein Hintergrundbild wird von der UIButton nicht als "Inhalt" betrachtet, so dass der Inhaltsmodus nicht auf das Hintergrundbild angewendet wurde. Stattdessen stelle ich das Bild der Schaltfläche und es funktionierte gut:

[btn setImage:[[UIImage alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"dots_game_horiz_blue" ofType:@"png"]] forState:UIControlStateNormal]; 
[btn setContentMode:UIViewContentModeCenter]; 

Answer 2

Sie auch - (CGRect)backgroundRectForBounds:(CGRect)bounds implementieren könnte zu steuern, wie der Hintergrund gezeichnet wird.

Answer 3

Ich musste abgerundete Schaltflächen für Avatar-Fotos erstellen und fand die Antworten auf diese Frage, um zu helfen, aber sie brachten mich nicht den ganzen Weg dorthin. Ich implementierte die backgroundRectForBounds Methode und skalierte das Bild passend und es funktioniert gut.

Ich habe den Code auf GitHub.

https://github.com/brennanMKE/CircleButton

Das Verfahren wird auch weiter unten. Es ist wichtig, das Hintergrundbild und nicht das Bild für die Schaltfläche festzulegen, das mit dieser Methode nicht funktioniert.

- (CGRect)backgroundRectForBounds:(CGRect)bounds { 
    UIImage *backgroundImage = [self backgroundImageForState:self.state]; 
    if (backgroundImage) { 
     CGFloat maxWidth = CGRectGetWidth(self.frame); 

     CGFloat xDelta = maxWidth/backgroundImage.size.width; 
     CGFloat yDelta = maxWidth/backgroundImage.size.height; 
     CGFloat delta = xDelta > yDelta ? xDelta : yDelta; 

     CGFloat x = floorf((self.bounds.size.width - (backgroundImage.size.width * delta))/2); 
     CGFloat y = floorf((self.bounds.size.height - (backgroundImage.size.height * delta))/2); 

     return CGRectMake(x, y, backgroundImage.size.width * delta, backgroundImage.size.height * delta); 
    } 
    else { 
     return [super backgroundRectForBounds:bounds]; 
    } 
} 

Answer 4

Die richtige Lösung besteht darin, den Typ von System zu Benutzerdefiniert zu ändern. Dann berücksichtigt das Hintergrundbild den Inhaltstyp und nicht nur die Zentrierung. In meinem Fall setze ich ihn auf Aspect Fill und trage einen Radius von 45 Grad auf, um ihn zu runden. Einfach und funktioniert perfekt.

Answer 5

In Ihrem xib/Storyboard, in dem Inspektor Attribute, müssen Sie:

1. Stellen Sie Ihren UIButton Typ Custom
2. Stellen Sie Ihr Bild in der Eigenschaft Image, nicht Background
3. Validieren Schritt 2 , können Sie den Knopfrahmen sehen, der entsprechend dem Bildsatz geändert wird. Stellen Sie den Rahmen, wie Sie es sein wollen, wird das Bild selbst die Größe in
4. Wählen Image für die Eigenschaft Edge, um passen Einsatz auf die Schaltfläche Bild anzuwenden
5. Einsatz Werte eingeben Sie benötigen. Wenn Sie 5-Top, Bottom, Left, Right gesetzt ist, wird das Bild in der Schaltfläche, 5 mit einer Grenze von

zentriert werden können Sie die Änderungen in der xib/Storyboard-Ansicht sehen, keine Notwendigkeit, eine Debug zu starten.

Tipps: Inset ist das gleiche für alle Bilder der Taste (State Config)