iPhone UIButton - posición de la imagen

Tengo un UIButtontexto con "Explore la aplicación" y UIImage(>) En Interface Builderse ve así:

[ (>) Explore the app ]

Pero necesito colocar esto UIImageDESPUÉS del texto:

[ Explore the app (>) ]

¿Cómo puedo mover UIImagehacia la derecha?

Mi solución a esto es bastante 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);

En iOS 9 en adelante, parece que una forma sencilla de conseguirlo es forzar la semántica de la vista.

O programáticamente, usando:

button.semanticContentAttribute = .ForceRightToLeft

Configure imageEdgeInsety titleEdgeInsetpara mover los componentes dentro de su imagen. También puede crear un botón con esos gráficos de tamaño completo y usarlo como imagen de fondo para el botón (luego usarlo titleEdgeInsetspara mover el título).

La respuesta de Raymond W. es la mejor aquí. Subclase UIButton con diseño personalizado Subvistas. Extremadamente simple de hacer, aquí hay una implementación de layoutSubviews que funcionó para mí:

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

¿Qué pasa con la subclasificación UIButtony la anulación layoutSubviews?

Luego, posprocesando las ubicaciones de self.imageView&self.titleLabel

Otra forma simple (que NO es solo iOS 9) es subclase UIButton para anular estos dos 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 ya se tiene en cuenta al usar super.

Forzar "de derecha a izquierda" para el botón no es una opción si su aplicación admite tanto "de izquierda a derecha" como "de derecha a izquierda".

La solución que funcionó para mí es una subclase que se puede agregar al botón en el Storyboard y funciona bien con restricciones (probado en 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)
        }

    }

}

Donde 'padding' sería el espacio entre el título y la imagen.

En 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  
    }
}

Partiendo de la respuesta de @split ...

La respuesta es fantástica, pero ignora el hecho de que el botón puede tener insertos personalizados en el borde del título y la imagen que se configuran de antemano (por ejemplo, en el guión gráfico).

Por ejemplo, es posible que desee que la imagen tenga algo de relleno en la parte superior e inferior del contenedor, pero aún así mover la imagen al lado derecho del botón.

Amplié el concepto con 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);

Esto crea un botón alineado a la derecha, así:

[           button label (>)]

El botón no ajusta su ancho según el contexto, por lo que aparecerá un espacio a la izquierda de la etiqueta. Puede resolver esto calculando el ancho del marco del botón a partir de buttonLabelSize.width y buttonImageSize.width.

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

Esta solución funciona con iOS 7 y superior

Solo subclase 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 (en algún lugar de tu clase):

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

Basándose en respuestas anteriores. Si desea tener un margen entre el icono y el título del botón, el código debe cambiar un poco para evitar que la etiqueta y el icono floten por encima de los límites de los botones de tamaño 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)

La última línea de código es importante para el cálculo intrínsecamente del tamaño del contenido para el diseño automático.

Esta es mi propia forma de hacer las cosas (después de unos 10 años)

1. Subclase de UIButton (Botón, ya que vivimos en la era Swift)
2. Coloque una imagen y una etiqueta en una vista de pila.

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

Solución de línea única en Swift:

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