iPhone UIButton - position de l'image

Question

J'ai un UIButton avec le texte "Explorez l'application" et UIImage (>) Sur Interface Builder ça ressemble à ça :

[ (>) Explore the app ]

Mais j'ai besoin de placer ce UIImage APRÈS le texte :

[ Explore the app (>) ]

Comment puis-je déplacer le UIImage à droite ?

Answer 1

Ma solution à ce problème est très simple

[button sizeToFit];
button.titleEdgeInsets = UIEdgeInsetsMake(0, -button.imageView.frame.size.width, 0, button.imageView.frame.size.width);
button.imageEdgeInsets = UIEdgeInsetsMake(0, button.titleLabel.frame.size.width, 0, -button.titleLabel.frame.size.width);

Answer 2

Définissez le imageEdgeInset y titleEdgeInset pour déplacer les composants dans votre image. Vous pouvez également créer un bouton à l'aide de ces graphiques en taille réelle et l'utiliser comme image d'arrière-plan pour le bouton (puis utiliser la commande titleEdgeInsets pour déplacer le titre).

Answer 3

La réponse de Raymond W est la meilleure ici. Sous-classe UIButton avec layoutSubviews personnalisés. Extrêmement simple à faire, voici une implémentation de layoutSubviews qui a fonctionné pour moi :

- (void)layoutSubviews
{
    // Allow default layout, then adjust image and label positions
    [super layoutSubviews];

    UIImageView *imageView = [self imageView];
    UILabel *label = [self titleLabel];

    CGRect imageFrame = imageView.frame;
    CGRect labelFrame = label.frame;

    labelFrame.origin.x = imageFrame.origin.x;
    imageFrame.origin.x = labelFrame.origin.x + CGRectGetWidth(labelFrame);

    imageView.frame = imageFrame;
    label.frame = labelFrame;
}

Answer 4

Qu'en est-il de la sous-classification UIButton et de remplacer layoutSubviews ?

Puis, en post-traitement, les emplacements de self.imageView & self.titleLabel

Answer 5

En s'appuyant sur la réponse de @split...

La réponse est fantastique, mais elle ignore le fait que le bouton peut avoir une image personnalisée et des inserts de bord de titre qui sont définis à l'avance (par exemple dans le storyboard).

Par exemple, il se peut que vous souhaitiez que l'image soit un peu plus large que le haut et le bas du conteneur, tout en la déplaçant vers le côté droit du bouton.

J'ai étendu le concept avec cette méthode :-

- (void) moveImageToRightSide {
    [self sizeToFit];

    CGFloat titleWidth = self.titleLabel.frame.size.width;
    CGFloat imageWidth = self.imageView.frame.size.width;
    CGFloat gapWidth = self.frame.size.width - titleWidth - imageWidth;
    self.titleEdgeInsets = UIEdgeInsetsMake(self.titleEdgeInsets.top,
                                            -imageWidth + self.titleEdgeInsets.left,
                                            self.titleEdgeInsets.bottom,
                                            imageWidth - self.titleEdgeInsets.right);

    self.imageEdgeInsets = UIEdgeInsetsMake(self.imageEdgeInsets.top,
                                            titleWidth + self.imageEdgeInsets.left + gapWidth,
                                            self.imageEdgeInsets.bottom,
                                            -titleWidth + self.imageEdgeInsets.right - gapWidth);
}