Diseño automático: el tamaño intrínseco del UIButton no incluye inserciones de título

Puede hacer que esto funcione en Interface Builder (sin escribir ningún código), utilizando una combinación de Títulos negativos y positivos e Inserciones de Contenido.

Actualizar: Xcode 7 tiene un error en el que no puede ingresar valores negativos en el campo de inserción Right, pero puede usar el control paso a paso al lado para disminuir el valor. (Gracias Stuart)

Hacer esto agregará 8pt de espaciado entre la imagen y el título y aumentará el ancho intrínseco del botón por la misma cantidad. Así:

¿Por qué no anular el método intrinsicContentSize en UIView? Por ejemplo:

- (CGSize) intrinsicContentSize
{
    CGSize s = [super intrinsicContentSize];

    return CGSizeMake(s.width + self.titleEdgeInsets.left + self.titleEdgeInsets.right,
                      s.height + self.titleEdgeInsets.top + self.titleEdgeInsets.bottom);
}

Esto debería indicarle al sistema de diseño automático que debería aumentar el tamaño del botón para permitir las inserciones y mostrar el texto completo. No estoy en mi propia computadora, así que no he probado esto.

No ha especificado cómo está configurando las inserciones, así que supongo que está utilizando titleEdgeInsets porque veo el mismo efecto que está obteniendo. Si uso contentEdgeInsets en su lugar funciona correctamente.

- (IBAction)ChangeTitle:(UIButton *)sender {
    self.button.contentEdgeInsets = UIEdgeInsetsMake(0,20,0,20);
    [self.button setTitle:@"Long Long Title" forState:UIControlStateNormal];
}

Este hilo es un poco viejo, pero me encontré con esto yo mismo y pude resolverlo usando una inserción negativa. Por ejemplo, sustituya los valores de relleno deseados aquí:

UIButton* myButton = [[UIButton alloc] init];
// setup some autolayout constraints here
myButton.titleEdgeInsets = UIEdgeInsetsMake(-desiredBottomPadding,
                                            -desiredRightPadding,
                                            -desiredTopPadding,
                                            -desiredLeftPadding);

Combinado con las restricciones de diseño automático correctas, se termina con un botón de cambio de tamaño automático que contiene una imagen y texto! Visto a continuación con desiredLeftPadding establecido en 10.

Botón con imagen y texto corto

Botón con imagen y texto largo

Se puede ver que el real marco del botón no abarca la etiqueta (ya que la etiqueta se desplaza 10 puntos a la derecha, fuera de los límites), pero hemos logrado 10 puntos de relleno entre el texto y la imagen.

Y para Swift funcionó esto:

extension UIButton {
    override open var intrinsicContentSize: CGSize {
        let intrinsicContentSize = super.intrinsicContentSize

        let adjustedWidth = intrinsicContentSize.width + titleEdgeInsets.left + titleEdgeInsets.right
        let adjustedHeight = intrinsicContentSize.height + titleEdgeInsets.top + titleEdgeInsets.bottom

        return CGSize(width: adjustedWidth, height: adjustedHeight)
    }
}

Love U Swift

Todo lo anterior no funcionó para iOS 9 + , lo que hice fue:

• Agregue una restricción de ancho (para un ancho mínimo cuando el botón no tiene texto. El botón escalará automáticamente si se proporciona texto)
• establecer la relación a Mayor o Igual

Ahora para agregar un borde alrededor del botón simplemente use el método:

button.contentEdgeInsets = UIEdgeInsetsMake(0,20,0,20);

Para Swift 3 basado en la respuesta de pegpeg :

extension UIButton {

    override open var intrinsicContentSize: CGSize {

        let intrinsicContentSize = super.intrinsicContentSize

        let adjustedWidth = intrinsicContentSize.width + titleEdgeInsets.left + titleEdgeInsets.right
        let adjustedHeight = intrinsicContentSize.height + titleEdgeInsets.top + titleEdgeInsets.bottom

        return CGSize(width: adjustedWidth, height: adjustedHeight)

    }

}

La opción también está disponible en interface builder. Ver el recuadro. Puse izquierda y derecha a 3. Funciona como un encanto.

Quería añadir un espacio de 5pt entre mi icono de UIButton y la etiqueta. Así es como lo logré:

UIButton *infoButton = [UIButton buttonWithType:UIButtonTypeCustom];
// more button config etc
infoButton.contentEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 5);
infoButton.titleEdgeInsets = UIEdgeInsetsMake(0, 5, 0, -5);

La forma en que contentEdgeInsets, titleEdgeInsets y imageEdgeInsets se relacionan entre sí requiere un poco de toma y daca de cada recuadro. Por lo tanto, si agregas algunas inserciones a la izquierda del título, debes agregar una inserción negativa a la derecha y proporcionar un poco más de espacio (a través de una inserción positiva) en el contenido a la derecha.

Añadiendo un recuadro de contenido correcto para que coincida con el desplazamiento del título inserta mi texto no va fuera de los límites del botón.

La solución que uso es agregar una restricción de ancho al botón. Luego, en algún lugar de la inicialización, después de establecer el texto, actualice la restricción de ancho de la siguiente manera:

self.buttonWidthConstraint.constant = self.shareButton.intrinsicContentSize.width + 8;

Donde 8 es cualquiera que sea su recuadro.