iOS: Etiqueta UILabel multilínea en Diseño automático

Expanda su etiqueta establezca el número de líneas a 0 y también, lo que es más importante, para el diseño automático establezca la altura a >= x. El diseño automático hará el resto. También puede contener sus otros elementos basados en el elemento anterior para posicionar correctamente entonces.

Fuente: http://www.objc.io/issue-3/advanced-auto-layout-toolbox.html

Tamaño del Contenido Intrínseco del Texto Multilínea

El tamaño de contenido intrínseco de UILabel y NSTextField es ambiguo para texto multilínea. La altura del texto depende del ancho de las líneas, que aún no se ha determinado al resolver las restricciones. Para resolver este problema, ambas clases tienen una nueva propiedad llamada preferredMaxLayoutWidth, que especifica la línea máxima ancho para calcular el tamaño del contenido intrínseco.

Dado que generalmente no conocemos este valor de antemano, necesitamos tomar un enfoque de dos pasos para hacerlo bien. Primero dejamos que el Diseño automático haga su trabajo, y luego usamos el marco resultante en el pase de diseño para actualizar el ancho máximo preferido y volver a activar el diseño.

- (void)layoutSubviews
{
    [super layoutSubviews];
    myLabel.preferredMaxLayoutWidth = myLabel.frame.size.width;
    [super layoutSubviews];
}

La primera llamada a [super layoutSubviews] es necesaria para que la etiqueta tenga su frame establecido, mientras que la segunda llamada es necesaria para actualizar el layout después del cambio. Si omitimos la segunda llamada obtenemos un error NSInternalInconsistencyException, porque hemos realizado cambios en el pase de layout que requieren actualizar las restricciones, pero no activamos layout de nuevo.

También podemos hacer esto en una subclase label:

@implementation MyLabel
- (void)layoutSubviews
{
    self.preferredMaxLayoutWidth = self.frame.size.width;
    [super layoutSubviews];
}
@end

En este caso, no necesitamos llamar primero a [super layoutSubviews], porque cuando se llama a layoutSubviews, ya tenemos un marco en la etiqueta misma.

Para hacer este ajuste desde el controlador de vista nivel, nos enganchamos en viewDidLayoutSubviews. En este punto, los fotogramas del primer pase de Diseño automático ya están configurados y podemos usarlos para establecer el ancho máximo preferido.

- (void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    myLabel.preferredMaxLayoutWidth = myLabel.frame.size.width;
    [self.view layoutIfNeeded];
}

Por último, asegúrate de no tener una restricción de altura explícita en la etiqueta que tenga una prioridad más alta que la prioridad de resistencia a la compresión de contenido de la etiqueta. De lo contrario, triunfará sobre la altura calculada del contenido. Asegúrese de comprobar todas las restricciones que pueden afectar a la etiqueta altura.

Solo estaba luchando con este escenario exacto, pero con bastantes vistas más que necesitaban cambiar el tamaño y moverse hacia abajo según fuera necesario. Me estaba volviendo loco, pero finalmente lo entendí.

Aquí está la clave: a Interface Builder le gusta agregar restricciones adicionales a medida que agrega y mueve vistas y es posible que no lo note. En mi caso, tenía una vista a mitad de camino hacia abajo que tenía una restricción adicional que especificaba el tamaño entre ella y su supervisión, básicamente fijándola a ese punto. Eso significaba que nada por encima de él podría cambiar el tamaño más grande porque iría en contra de esa restricción.

Una manera fácil de saber si este es el caso es tratando de cambiar el tamaño de la etiqueta manualmente. ¿IB te deja crecer? Si lo hace, ¿las etiquetas a continuación se mueven como esperas? Asegúrese de tener ambos marcados antes de cambiar el tamaño para ver cómo sus restricciones moverán sus vistas:

Si la vista está atascada, siga las vistas que están debajo de ella y asegúrese de que una de ellas no tenga un espacio superior a superview restricción. A continuación, solo asegúrese de que su número de líneas opción para la etiqueta se establece en 0 y debe hacerse cargo del resto.

Creo que necesitas lo siguiente:

• Una restricción superior
• Una restricción inicial (por ejemplo, lado izquierdo)
• Una restricción final (por ejemplo, lado derecho)
• Establezca la prioridad de abrazo de contenido, horizontal a baja, por lo que llenará el espacio dado si el texto es corto.
• Establezca la resistencia a la compresión de contenido, horizontal a baja, por lo que se envolverá en lugar de tratar de hacerse más ancho.
• Establezca el número de líneas en 0.
• Establezca el modo de salto de línea en ajuste de línea.

Ninguna de las diferentes soluciones encontradas en los muchos temas sobre el tema funcionó perfectamente para mi caso (x etiquetas multilínea dinámicas en celdas de vista de tabla dinámica) .

Encontré una manera de hacerlo :

Después de haber establecido las restricciones en su etiqueta y establecer su propiedad multilínea en 0, haga una subclase de UILabel; llamé a la mía AutoLayoutLabel:

@implementation AutoLayoutLabel

- (void)layoutSubviews{
    [self setNeedsUpdateConstraints];
    [super layoutSubviews];
    self.preferredMaxLayoutWidth = CGRectGetWidth(self.bounds);
}

@end

Tengo una UITableViewCell que tiene una etiqueta de ajuste de texto. Trabajé el ajuste de texto de la siguiente manera.

1) Establezca las restricciones UILabel de la siguiente manera.

2) Conjunto no. de líneas a 0.

3) Se agregó restricción de altura de UILabel a UITableViewCell.

@IBOutlet weak var priorityLabelWidth: NSLayoutConstraint!

4) En UITableViewCell:

priorityLabel.sizeToFit()
priorityLabelWidth.constant = priorityLabel.intrinsicContentSize().width+5

Una forma de hacer esto... A medida que aumenta la longitud del texto, intente cambiar (disminuir) el tamaño de fuente del texto de la etiqueta usando

Label.adjustsFontSizeToFitWidth = YES;