Comment mettre l'image à droite du texte dans un UIButton ?

Question

Je ne veux pas utiliser de sous-vue si je peux l'éviter. Je veux une UIButton avec une image de fond, du texte et une image. Actuellement, lorsque je fais cela, l'image se trouve à gauche du texte. L'image de fond, le texte et l'image ont tous des états de surbrillance différents.

Answer 1

La solution la plus simple :

iOS 10 et plus, Swift :

button.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
button.titleLabel?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
button.imageView?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)

Avant iOS 10, Swift/Obj-C :

button.transform = CGAffineTransformMakeScale(-1.0, 1.0);
button.titleLabel.transform = CGAffineTransformMakeScale(-1.0, 1.0);
button.imageView.transform = CGAffineTransformMakeScale(-1.0, 1.0);

iOS 9 et plus, Swift : (Recommandé)

button.semanticContentAttribute = .forceRightToLeft

Answer 2

Bien que certaines des réponses proposées soient très créatives et extrêmement astucieuses, la solution la plus simple est la suivante :

button.semanticContentAttribute = UIApplication.shared
    .userInterfaceLayoutDirection == .rightToLeft ? .forceLeftToRight : .forceRightToLeft

C'est aussi simple que cela. En prime, l'image sera à gauche dans les localités de droite à gauche.

EDIT Comme la question a été posée à plusieurs reprises, voici ce que je propose. iOS 9 + .

Answer 3

MISE À JOUR POUR XCODE 9 (via Interface Builder)

Il y a un moyen plus facile à partir du Constructeur d'interface .

Sélectionnez le bouton UIB et sélectionnez cette option dans la vue Utilitaires > Sémantique :

C'est tout ! C'est simple et agréable !

OPTIONNEL - 2ème étape :

Si vous souhaitez ajuster l'espacement entre l'image et le titre, vous pouvez modifier l'élément suivant Image Inset ici :

J'espère que cela vous aidera !

Answer 4

La sous-classification de UIButton est totalement inutile. Au lieu de cela, vous pouvez simplement définir une valeur d'insertion haute à gauche pour les insertions d'images, et une petite insertion à droite pour le titre. Quelque chose comme ceci :

button.imageEdgeInsets = UIEdgeInsetsMake(0., button.frame.size.width - (image.size.width + 15.), 0., 0.);
button.titleEdgeInsets = UIEdgeInsetsMake(0., 0., 0., image.size.width);

Answer 5

Je donne Inspire48 le mérite de celle-ci. En me basant sur sa suggestion et en regardant l'autre question, j'ai trouvé ceci. Sous-classe UIButton et surchargez ces méthodes.

@implementation UIButtonSubclass

- (CGRect)imageRectForContentRect:(CGRect)contentRect
{
    CGRect frame = [super imageRectForContentRect:contentRect];
    frame.origin.x = CGRectGetMaxX(contentRect) - CGRectGetWidth(frame) -  self.imageEdgeInsets.right + self.imageEdgeInsets.left;
    return frame;
}

- (CGRect)titleRectForContentRect:(CGRect)contentRect
{
    CGRect frame = [super titleRectForContentRect:contentRect];
    frame.origin.x = CGRectGetMinX(frame) - CGRectGetWidth([self imageRectForContentRect:contentRect]);
    return frame;
}

@end