Diseño automático de iOS con UIScrollView: ¿Por qué la vista de contenido de la vista de desplazamiento no llena la vista de desplazamiento?

Las restricciones con vistas de desplazamiento funcionan de forma ligeramente diferente que con otras vistas. Las restricciones entre contentView y su superview (el scrollView) son a la scrollView's contentSize, no a su frame. Esto puede parecer confuso, pero en realidad es bastante útil, lo que significa que nunca tendrá que ajustar el contentSize, sino que el contentSize se ajustará automáticamente para adaptarse a su contenido. Este comportamiento se describe en Nota Técnica TN2154.

Si desea definir el tamaño contentView a la pantalla o algo así, tendría que agregar una restricción entre la contentView y la vista principal, por ejemplo. Eso es, ciertamente, la antítesis de poner contenido en el scrollview, así que probablemente no aconsejaría eso, pero se puede hacer.

Para ilustrar este concepto, que el tamaño de contentView será impulsado por su contenido, no por el bounds del scrollView, agregue una etiqueta a su contentView:

UIScrollView* scrollView = [UIScrollView new];
scrollView.translatesAutoresizingMaskIntoConstraints = NO;
scrollView.backgroundColor = [UIColor redColor];
[self.view addSubview:scrollView];

UIView* contentView = [UIView new];
contentView.translatesAutoresizingMaskIntoConstraints = NO;
contentView.backgroundColor = [UIColor greenColor];
[scrollView addSubview:contentView];

UILabel *randomLabel = [[UILabel alloc] init];
randomLabel.text = @"this is a test";
randomLabel.translatesAutoresizingMaskIntoConstraints = NO;
randomLabel.backgroundColor = [UIColor clearColor];
[contentView addSubview:randomLabel];

NSDictionary* viewDict = NSDictionaryOfVariableBindings(scrollView, contentView, randomLabel);

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[scrollView]|" options:0 metrics:0 views:viewDict]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[scrollView]|" options:0 metrics:0 views:viewDict]];

[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[contentView]|" options:0 metrics:0 views:viewDict]];
[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[contentView]|" options:0 metrics:0 views:viewDict]];

[contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[randomLabel]-|" options:0 metrics:0 views:viewDict]];
[contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-[randomLabel]-|" options:0 metrics:0 views:viewDict]];

Ahora verás que los contentView (y, por lo tanto, los contentSize de los scrollView) son ajustado para ajustarse a la etiqueta con márgenes estándar. Y porque no especificé el ancho / alto de la etiqueta, eso se ajustará en función del texto que pones en esa etiqueta.

Si desea que contentView también se ajuste al ancho de la vista principal, podría redefinir su viewDict de esta manera, y luego agregar estas restricciones adicionales (además de todas las demás, arriba):

UIView *mainView = self.view;

NSDictionary* viewDict = NSDictionaryOfVariableBindings(scrollView, contentView, randomLabel, mainView);

[mainView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[contentView(==mainView)]" options:0 metrics:0 views:viewDict]];

Hay un problema conocido (bug?) con etiquetas multilínea en scrollviews, que si si quieres que cambie de tamaño de acuerdo con la cantidad de texto, tienes que hacer un poco de juego de manos, como:

dispatch_async(dispatch_get_main_queue(), ^{
    randomLabel.preferredMaxLayoutWidth = self.view.bounds.size.width;
});