Qué es "Restringir al margen" en Storyboard en Xcode 6

No entiendo en absoluto por qué la gente se queja de que "Los márgenes causarían un bloqueo absoluto en cualquier cosa anterior a iOS 8."

Establecer sus restricciones relativas al margen en un archivo xib o guion gráfico NOHace que su aplicación se bloquee en iOS7, y NO hace una diferencia de interfaz de usuario en su dispositivo iOS7 tampoco, siempre y cuando no toque las propiedades UIView.layoutMargins y UIView.preservesSuperviewLayoutMargins en su código.

¿Qué son los márgenes en iOS8

Los márgenes de maquetación representan un relleno alrededor del interior de un UIView que el sistema de maquetación puede usar al diseñar subviews - para asegurar que quede un espacio entre el borde de una vista y una subviews. En este sentido, es muy similar a la propiedad padding asociada con los bloques en CSS.

De forma predeterminada, un UIView tiene márgenes de diseño de 8 puntos en cada lado, y esto no se puede cambiar en Interface Builder. Sin embargo, estableciendo el UIView.layoutMargins propiedad en el código, que solo está disponible en iOS8, puede ajustar estos valores.

Puede hacer que IB muestre los márgenes con Editor > Lienzo > Mostrar Rectángulos de diseño:

Los márgenes se pueden usar para ayudar a diseñar sus vistas y subviews. Cada UIView viene con márgenes de forma predeterminada, pero solo afectan a la ubicación de la vista cuando se configura una restricción que está relacionada con un margen.

Cómo usar márgenes

La única manera de usar márgenes en Interface Builder es comprobar la opción Relativa a margin al configurar sus restricciones. Así es como dirige su restricción a Use márgenes en lugar de bordes al diseñar mi vista.

Echemos un vistazo a cuatro formas diferentes de configurar una restricción inicial entre una vista y su subview. Para cada restricción que revisemos la primera asociación descrita será la principal del subview, y la segunda será ser líder de superview . A lo que debe prestar mucha atención es al estado de verificación y desactivación de la opción Relativa al margen de cada extremo de restricción, porque eso define si la restricción está vinculada al margen o al borde de la vista.

1. Primer elemento(desmarcar), segundo elemento(marcar): En este caso, estamos declarando que el borde izquierdo del subview debe alinearse con el margen izquierdo del superview(como se muestra en esta imagen).

1. Primero elemento (desmarcado), segundo elemento(desmarcado): Ambos usando borde, no margen. En este caso, estamos declarando que el borde izquierdo de subview debe alinearse con el borde izquierdo de superview.

1. Primer elemento(marcar), segundo elemento(desmarcar): En este caso, estamos declarando que el margen izquierdo del subview debe alinearse con el borde izquierdo del superview. Este tipo de diseño hace que la subvista se superponga a la supervista.

1. Primer elemento (comprobar), segundo artículo (comprobar). Esto realmente tiene el mismo efecto que el caso 2, ya que tanto subview como superview tienen el mismo margen predeterminado. Estamos declarando que el margen izquierdo de subview debe alinearse con el margen izquierdo de superview.

Lo bueno de los márgenes

Esta nueva característica (iOS8) solo afecta al desarrollo de la interfaz de usuario si decide usar márgenes.

Mediante el uso de márgenes puede ajustar la colocación de múltiples subvistas que comparten una común relación a un compartida por superview cambiar el valor de una sola propiedad. Esto es una clara victoria sobre establecer todas las restricciones asociadas con valores fijos, porque si necesita actualizar todo el espaciado, en lugar de cambiar cada valor uno por uno, puede modificar simultáneamente toda la ubicación relevante actualizando el margen de la superview con una sola línea de código como esta:

self.rootView.layoutMargins = UIEdgeInsetsMake(0, 50, 0, 0);

Para ilustrar este beneficio, en el siguiente caso todos los bordes izquierdos de las subvistas están alineados con el margen izquierdo de su supervista. Así, cambiando el margen izquierdo de superview afectará a todas las subviews al mismo tiempo.