Qu'est-ce que "contraindre à la marge" dans le Storyboard dans Xcode 6

Je ne comprends pas du tout pourquoi les gens se plaignent que " Les Marges provoqueraient un crash pur et simple sur n'importe quoi avant iOS 8."

La définition de vos contraintes relatives à la marge dans un fichier xib ou un storyboard ne fait pas planter votre application sur iOS7, et ne fait pas non plus de différence sur votre appareil iOS7, tant que vous ne touchez pas les propriétés UIView.layoutMargins et UIView.preservesSuperviewLayoutMargins dans votre code.

Qu'est-ce que les marges dans iOS8

Les marges de mise en page représentent le remplissage autour de intérieur d'un UIView que le système de mise en page peut utiliser lors de la mise en page de sous - vues-pour s'assurer qu'un espace est laissé entre le bord d'une vue et une sous-vue. À cet égard, il ressemble beaucoup à la propriété padding associée aux blocs en CSS.

Par défaut, un UIView a des marges de mise en page de 8 points de chaque côté, et cela ne peut pas être modifié dans Interface Builder . Cependant, en définissant le UIView.layoutMargins propriété dans le code, qui est disponible uniquement sur iOS8, vous êtes en mesure d'ajuster ces valeurs.

Vous pouvez obtenir IB pour afficher les marges avec Editor > Canvas > Show Layout Rectangles:

Les marges peuvent être utilisées pour aider à la mise en page de vos vues et sous-vues. Tous les {[3] } sont livrés avec des marges par défaut, mais ils n'affectent le placement de la vue que lorsque vous configurez une contrainte liée à une marge.

Comment utiliser les marges

La seule façon d'utiliser les marges dans Interface Builder consiste à vérifier l'option par rapport à margin lors de la configuration de vos contraintes. C'est ainsi que vous dirigez votre contrainte vers Utilisez des marges au lieu de bords lors de la présentation de ma vue.

Jetons un coup d'oeil à quatre façons différentes de mettre en place une contrainte de tête entre une vue et sa sous-vue. Pour chaque contrainte, nous examinons la première association décrite sera la première de la sous-vue, et la seconde sera soyez le leader de superview . Ce que vous voulez faire très attention, c'est vérifier et décocher l'état de l'option par rapport à margin de chaque fin de contrainte, car cela définit si la contrainte est liée à la marge ou au bord de la vue.

1. premier élément (décochez), deuxième élément( cochez): dans ce cas, nous déclarons que le bord gauche de la sous-vue doit s'aligner sur la marge gauche de la sous-vue (comme indiqué dans cette image).

1. premier item(décochez), second item( décochez): à la fois en utilisant edge, Pas margin. Dans ce cas, nous déclarons que le bord gauche de la sous-vue doit s'aligner sur le bord gauche de la sous-vue.

1. premier élément (cocher), deuxième élément( décocher): dans ce cas, nous déclarons que la marge gauche de la sous-vue doit s'aligner sur le bord gauche de la vue. Ce type de mise en page fait que la sous-vue chevauche la superview.

1. premier élément (vérifier), deuxième élément(à vérifier). Cela a en fait le même effet que le cas 2, puisque subview et superview ont la même marge par défaut. Nous déclarons que la marge de gauche de la sous-vue devrait s'aligner sur la marge de gauche de la sous-vue.

Qu'est-ce qui est bon avec les marges

Cette nouvelle fonctionnalité (iOS8) n'affecte le développement de L'interface utilisateur que si vous décidez d'utiliser des marges.

En utilisant les marges, vous pouvez ajuster le placement de plusieurs sous-vues qui partagent une relation commune avec une vue partagée en modification de la valeur d'une propriété unique. Ceci est une victoire claire sur la définition de toutes les contraintes associées avec des valeurs fixes, car si vous avez besoin de mettre à jour tout l'espacement, au lieu de changer chaque valeur une par une, vous pouvez modifier simultanément tout le placement pertinent en mettant à jour la marge du superview avec une seule ligne de code comme celle-ci:

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

Pour illustrer cet avantage, dans le cas suivant, les bords gauche de toutes les sous-vues sont alignés sur la marge gauche de leur superview. Ainsi, en changeant la marge de gauche de superview affectera toutes les sous-vues en même temps.