Comment ne pas étirer une image dans UIButton

Je suis en train de créer un personnalisé UITableViewCell par programme et l'un des sous-vues de cette cellule va être un bouton avec une image (une image simple d'une loupe). Cependant, je veux que le bouton de l'image soit centrée et dans des proportions jusqu'à ajustement sur le bouton et de ne PAS être étirée pour remplir l'ensemble de bouton. Ci-dessous mon code où l'autonomie se réfère à la coutume UITableViewCell qui je suis en plaçant le bouton.

self.myButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[self.myButton setBackgroundImage:[UIImage imageNamed: @image_name_here"] forState:UIControlStateNormal];
self.myButton.frame = CGRectMake(...//something, something)
self.myButton.imageView.contentMode = UIViewContentModeCenter;
[self.contentView addSubview:self.mySearchHelpButton];

Droite, l'image s'étend à remplir la totalité de bouton plutôt que de réduire proportionnellement, de sorte qu'il s'intègre parfaitement.

J'ai également essayé le réglage de la contentMode à UIViewContentModeScaleAspectFill mais cela ne semble pas changer quoi que ce soit. En fait, aucun des différents contentModes semblent changer quoi que ce soit.

InformationsquelleAutor Nosrettap | 2012-07-05
  1. 65

    Avez-vous essayé setImage au lieu de setBackgroundImage?

    InformationsquelleAutor Robot Woods
  2. 45

    Assurez-vous que le bouton est une Coutume UIButton

    Juste en utilisant setImage: n'a pas fonctionné pour moi sur iOS9.

    Mais il a travaillé combiné avec myButton.imageView.contentMode = UIViewContentMode.ScaleAspectFit;

    • Merci! Cela fonctionne pour moi aussi, me semble cet attribut n'est pas exposé au bureau de l'IB, de sorte que nous avons à définir manuellement dans le code au lieu de partir de l'IB. Sur IB, il y a seulement un contenu en mode de réglage du bouton lui-même, au lieu de son imageView. Corrigez-moi si je me trompe.
    • Vous êtes sur le point RainCast - la seule façon de définir l'aspect ajustement pour juste l'imageView semble être de la programmation.
    InformationsquelleAutor Dimitris
  3. 36

    Dans Swift...

    button.imageView?.contentMode = .aspectFit
    • Merci man! Il a travaillé! @Blankarsch
    • c'est maintenant button.imageView?.contentMode = .scaleAspectFit
    • Vérifier l'extension: stackoverflow.com/a/47077039/5790492
    • fonctionne comme un charme homme ty!
    • gardez à l'esprit si yourButton.translatesAutoresizingMaskIntoConstraints = falsepuis .scaleAspectFit ne sera pas appliquée
    InformationsquelleAutor Blank
  4. 28

    Storyboard

    Propriété image.

    Vous devez définir la propriété spécifique dans Exécution des Attributs de Identité de l'inspecteur – imageView.contentMode, où vous définissez la valeur relativement à rawValue position de enum UIViewContentMode. 1 signifie scaleAspectFit.

    Comment ne pas étirer une image dans UIButton

    Et du bouton d'alignement, dans Attributs de l'inspecteur de:

    Comment ne pas étirer une image dans UIButton

    • je vous remercie, votre guide m'aide beaucoup. est-il possible pour vous de me donner une brève explication sur ce que vous faites exactement? merci beaucoup
    • pourriez-vous être plus précis? Merci.
    • de cette façon est totalement amende pour le bouton qui je veux, mais ce que Si j'ai une imageView alors j'ai besoin de mon image clip de limites et pas de stretch avec plein d'image le montre
    • et scaleAspectFit sont de droite pour cela. Si ce n'est pas ce que vous dites – créer une question et de mettre un lien ici. Mais une remise en question pour des images de résultat attendu.
    • Vérifier l'extension: stackoverflow.com/a/47077039/5790492
    • C'est le rawValue de la scaleAspectFit enum (cas scaleAspectFit = 1)
    • Cela a fonctionné pour moi, mais SEULEMENT après avoir déchargé et rechargé l'image - c'est à dire supprimer le nom de l'image à partir de l'image / image de fond du champ, puis l'ajouter à nouveau pour recharger.
    • cette solution est la plus pratique.thx
    • Wow ça sauve ma vie plusieurs fois à l'avance, merci !!!
    • Vous avez sauvé ma journée!
    • de tout cela a fonctionné pour moi... aucune des autres solutions workd

    InformationsquelleAutor dimpiax
  5. 8

    Swift 4.2

    myButton.imageView!.contentMode = .scaleAspectFit

    Swift version antérieure

    myButton.imageView!.contentMode = UIViewContentMode.scaleAspectFit
    InformationsquelleAutor Abhishek Jain
  6. 1

    Swift 4.X et 5.X

    button.imageView!.contentMode = .scaleAspectFit
button.contentVerticalAlignment = .fill
button.contentHorizontalAlignment = .fill
    InformationsquelleAutor J. Doe
  7. 0

    Je pense que vous les gars sont manquants le problème évident. L'image est trop grande pour le bouton et iOS ensuite deviner à la façon dont vous souhaitez mettre à l'échelle. Assurez-vous que vos images sont de la bonne taille et vous n'aurez pas ce problème. Bien sûr, c'est pour les images statiques et les boutons que vous connaissez la taille de l'avant-pas de contenu dynamique.

    InformationsquelleAutor Sherwin Zadeh