Lorsque le mode de contenu UIButton est "central", l'image d'arrière-plan est pixellisée

Voici comment je suis réglage de l'image d'arrière-plan et le mode de contenu:

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

Est-il une raison que l'image d'arrière-plan serait pixélisé? Le cadre est légèrement plus grand que la taille de l'image, et je veux juste que l'image soit centrée.

source d'informationauteur James Skidmore

  1. 25

    Je suppose que l'image d'arrière-plan n'est pas considéré comme "contenu" par le UIButton, de sorte que le mode de contenu ne s'applique pas à l'image d'arrière-plan. Au lieu de cela, j'ai mis l'image du bouton et il a très bien fonctionné:

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

    Dans votre xib /storyboard, dans les Attributs de l'inspecteur, vous avez besoin de:

    1. Définir votre UIButton type de Custom
    2. Ensemble de votre image dans la propriété Imagepas Background
    3. La validation de l'étape 2, vous pouvez voir l'image du bouton change en fonction de l'image. Déterminer l'image que vous voulez qu'il soit, l'image se redimensionne pour s'adapter à
    4. Sélectionnez Image pour le bien Edge afin d'appliquer en médaillon à l'image de bouton
    5. Entrez les valeurs des encarts dont vous avez besoin. Si vous définissez 5 à Top, Bottom, Left, Rightl'image sera centrée à l'intérieur du bouton, avec une bordure de 5

    Vous pouvez voir les changements dans le xib /affichage storyboard, pas besoin de lancer un debug.

    Astuce: Encart est le même pour toutes les images du bouton (State Config)

  3. 5

    Vous pourriez également mettre en œuvre - (CGRect)backgroundRectForBounds:(CGRect)bounds pour contrôler la façon dont l'arrière-plan est dessiné.

  4. 1

    La bonne solution est de changer le type de Système à la Coutume. Puis l'image d'arrière-plan aura l'honneur le type de contenu au lieu de simplement le centrage. Dans mon cas, je l'ai mis à l'Aspect de Remplir et de l'appliquer à 45 degrés d'angle de rayon à la ronde. Simple et fonctionne parfaitement.

  5. 0

    J'avais besoin de créer arrondi boutons pour l'avatar des photos et trouvé les réponses à cette question à l'aide, mais ils n'ont pas obtenu de moi tout de la façon dont il. J'ai mis en place le backgroundRectForBounds méthode et mise à l'échelle l'image pour l'adapter et il fonctionne bien.

    J'ai le code sur GitHub.

    https://github.com/brennanMKE/CircleButton

    La méthode est également répertoriés ci-dessous. Il est important de définir l'arrière-plan de l'image et non l'image pour le bouton qui ne fonctionne pas avec cette méthode.

    - (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];
    }
}