Wenn der UIButton-Inhaltsmodus "center" ist, ist das Hintergrundbild verpixelt

Question

So stelle ich das Hintergrundbild und den Inhaltsmodus ein:

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

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

Answer 1

Ich schätze, ein Hintergrundbild wird von der UIButton nicht als "Inhalt" betrachtet, so dass der Inhaltsmodus nicht auf das Hintergrundbild angewendet wurde. Stattdessen setzte 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

In Ihrer xib / Storyboard, in der Attribute-Inspektor, müssen Sie zu:

1. Stellen Sie Ihr UIButton Typ zu Custom
2. Stellen Sie Ihr Bild in der Eigenschaft Image , nicht Background
3. Wenn Sie Schritt 2 bestätigen, können Sie sehen, dass sich der Rahmen der Schaltfläche entsprechend dem eingestellten Bild ändert. Stellen Sie den Rahmen so ein, wie Sie ihn haben möchten, und das Bild passt sich an
4. Wählen Sie Image für die Immobilie Edge um die Einfügung auf das Schaltflächenbild anzuwenden
5. Geben Sie die benötigten Einsetzwerte ein. Wenn Sie 5 auf Top, Bottom, Left, Right wird das Bild innerhalb der Schaltfläche zentriert, mit einem Rand von 5

Sie können die Änderungen in der xib-/Storyboard-Ansicht sehen, ohne ein Debugging starten zu müssen.

Tipp: Die Einfügung ist für alle Bilder der Schaltfläche gleich ( State Config )

Answer 3

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

Answer 4

Die richtige Lösung besteht darin, den Typ von System in Benutzerdefiniert zu ändern. Dann wird das Hintergrundbild den Inhaltstyp berücksichtigen und nicht nur zentrieren. In meinem Fall habe ich es auf Aspect Fill gesetzt und einen 45-Grad-Eckenradius angewendet, um es abzurunden. Das ist einfach und funktioniert perfekt.

Answer 5

Ich musste runde Schaltflächen für Avatar-Fotos erstellen und fand die Antworten auf diese Frage hilfreich, aber sie brachten mich nicht ganz ans Ziel. Ich implementierte die backgroundRectForBounds Methode und skalierte das Bild, um es anzupassen, und es funktioniert gut.

Ich habe den Code auf GitHub.

https://github.com/brennanMKE/CircleButton

Die Methode ist ebenfalls unten aufgeführt. Es ist wichtig, das Hintergrundbild einzustellen und nicht das Bild für die Schaltfläche, die 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];
    }
}