iPhone UIButton - posição da imagem

Tenho um UIButtoncom o texto "Explorar o aplicativo" e UIImage(>) Interface Buildernele se parece com:

[ (>) Explore the app ]

Mas preciso colocar isso UIImageDEPOIS do texto:

[ Explore the app (>) ]

Como posso mover o UIImagepara a direita?

Minha solução para isso é bastante simples

[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);

No iOS 9 em diante, parece que uma maneira simples de conseguir isso é forçar a semântica da visualização.

Ou programaticamente, usando:

button.semanticContentAttribute = .ForceRightToLeft

Defina o imageEdgeInsete titleEdgeInsetpara mover os componentes dentro de sua imagem. Você também pode criar um botão usando os gráficos em tamanho real e usá-los como imagem de fundo para o botão (depois usar titleEdgeInsetspara mover o título).

A resposta de Raymond W é melhor aqui. Subclasse UIButton com layoutSubviews customizados. Extremamente simples de fazer, aqui está uma implementação de layoutSubviews que funcionou para mim:

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

E quanto a subclassificação UIButtone substituição layoutSubviews?

Em seguida, o pós-processamento dos locais de self.imageView&self.titleLabel

Outra maneira simples (que NÃO é apenas iOS 9) é criar uma subclasse de UIButton para substituir esses dois métodos

override func titleRectForContentRect(contentRect: CGRect) -> CGRect {
    var rect = super.titleRectForContentRect(contentRect)
    rect.origin.x = 0
    return rect
}

override func imageRectForContentRect(contentRect: CGRect) -> CGRect {
    var rect = super.imageRectForContentRect(contentRect)
    rect.origin.x = CGRectGetMaxX(contentRect) - CGRectGetWidth(rect)
    return rect
}

contentEdgeInsets já é levado em consideração usando super.

Forçar 'da direita para a esquerda' para o botão não é uma opção se o seu aplicativo suportar 'da esquerda para a direita' e 'da direita para a esquerda'.

A solução que funcionou para mim é uma subclasse que pode ser adicionada ao botão no Storyboard e funciona bem com restrições (testado no iOS 11):

class ButtonWithImageAtEnd: UIButton {

    override func layoutSubviews() {
        super.layoutSubviews()

        if let imageView = imageView, let titleLabel = titleLabel {
            let padding: CGFloat = 15
            imageEdgeInsets = UIEdgeInsets(top: 5, left: titleLabel.frame.size.width+padding, bottom: 5, right: -titleLabel.frame.size.width-padding)
            titleEdgeInsets = UIEdgeInsets(top: 0, left: -imageView.frame.width, bottom: 0, right: imageView.frame.width)
        }

    }

}

Onde 'padding' seria o espaço entre o título e a imagem.

Em Swift:

override func layoutSubviews(){
    super.layoutSubviews()

    let inset: CGFloat = 5

    if var imageFrame = self.imageView?.frame,
       var labelFrame = self.titleLabel?.frame {

       let cumulativeWidth = imageFrame.width + labelFrame.width + inset
       let excessiveWidth = self.bounds.width - cumulativeWidth
       labelFrame.origin.x = excessiveWidth / 2
       imageFrame.origin.x = labelFrame.origin.x + labelFrame.width + inset

       self.imageView?.frame = imageFrame
       self.titleLabel?.frame = labelFrame  
    }
}

Construindo a resposta por @split ...

A resposta é fantástica, mas ignora o fato de que o botão pode ter uma imagem personalizada e inserções de borda de título que são definidas de antemão (por exemplo, no storyboard).

Por exemplo, você pode querer que a imagem tenha algum preenchimento nas partes superior e inferior do contêiner, mas ainda assim mova a imagem para o lado direito do botão.

Eu estendi o conceito com este método: -

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

// Get the size of the text and image
CGSize buttonLabelSize = [[self.button titleForState:UIControlStateNormal] sizeWithFont:self.button.titleLabel.font];
CGSize buttonImageSize = [[self.button imageForState:UIControlStateNormal] size];

// You can do this line in the xib too:
self.button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight;

// Adjust Edge Insets according to the above measurement. The +2 adds a little space 
self.button.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, -(buttonLabelSize.width+2));
self.button.titleEdgeInsets = UIEdgeInsetsMake(0, 0, 0, buttonImageSize.width+2);

Isso cria um botão alinhado à direita, assim:

[           button label (>)]

O botão não ajusta sua largura de acordo com o contexto, então um espaço aparecerá à esquerda do rótulo. Você pode resolver isso calculando a largura do quadro do botão em buttonLabelSize.width e em buttonImageSize.width.

button.semanticContentAttribute = UISemanticContentAttributeForceRightToLeft;
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight;

Esta solução funciona com iOS 7 e superior

Apenas subclasse UIButton

@interface UIButton (Image)

- (void)swapTextWithImage;

@end

@implementation UIButton (Image)

- (void)swapTextWithImage {
   const CGFloat kDefaultPadding = 6.0f;
   CGSize buttonSize = [self.titleLabel.text sizeWithAttributes:@{
                                                               NSFontAttributeName:self.titleLabel.font
                                                               }];

   self.titleEdgeInsets = UIEdgeInsetsMake(0, -self.imageView.frame.size.width, 0, self.imageView.frame.size.width);
   self.imageEdgeInsets = UIEdgeInsetsMake(0, buttonSize.width + kDefaultPadding, 0, -buttonSize.width); 
}

@end

Uso (em algum lugar da sua classe):

[self.myButton setTitle:@"Any text" forState:UIControlStateNormal];
[self.myButton swapTextWithImage];

Com base nas respostas anteriores. Se você quiser ter uma margem entre o ícone e o título do botão, o código deve mudar um pouco para evitar a flutuação do rótulo e do ícone acima dos limites dos botões de tamanho intrínseco.

let margin = CGFloat(4.0)
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)
button.contentEdgeInsets = UIEdgeInsetsMake(0, margin, 0, margin)

A última linha de código é importante para o cálculo do tamanho do conteúdo intrinsecamente para o layout automático.

Aqui está minha própria maneira de fazer as coisas, (após cerca de 10 anos)

1. Subclasse de UIButton (Button, já que vivemos na era Swift)
2. Coloque uma imagem e um rótulo em uma exibição de pilha.

class CustomButton: Button {

    var didLayout: Bool = false // The code must be called only once

    override func layoutSubviews() {
        super.layoutSubviews()
        if !didLayout, let imageView = imageView, let titleLabel = titleLabel {
            didLayout = true
            let stack = UIStackView(arrangedSubviews: [titleLabel, imageView])
            addSubview(stack)
            stack.edgesToSuperview() // I use TinyConstraints library. You could handle the constraints directly
            stack.axis = .horizontal
        }
    }
}

Solução de linha única em Swift:

// iOS 9 and Onwards
button.semanticContentAttribute = .forceRightToLeft