Vidéo: iPhone X, XS, XR, 11 et 11 Pro : Fonctions Cachées et Astuces 2025
Avant de commencer à ajouter une autre vue à votre application iOS - qui sera une sous-vue de la vue qui est déjà là - il est nécessaire de parler des options de mise en page. La disposition de la vue est particulièrement importante sur les appareils mobiles, car l'utilisateur agaçant peut faire pivoter son appareil.
Alors pourquoi est-ce un problème? Regardez le cas spécifique de l'iPad original. Lorsque vous êtes en mode portrait, l'écran mesure 768 pixels de large sur 1 024 pixels de hauteur. Mais lorsqu'il est tourné en position Paysage, l'écran devient 1, 024 pixels de large, mais seulement 768 pixels de hauteur.
Si votre application gère correctement la rotation, les composants tels que les boutons, les champs de texte, les images, etc. doivent généralement être déplacés et redimensionnés. En d'autres termes, vous avez besoin d'une stratégie de mise en page, de sorte que les sous-vues soient déplacées et redimensionnées correctement lorsque leur superposition contenant le contenu est redimensionnée.
Voici trois stratégies pour la disposition des vues:
-
Coder en dur la mise en page. Ici, vous définissez vous-même l'emplacement, la largeur et la hauteur de chaque vue et modifiez ces propriétés lors de la rotation de l'appareil. C'est une très mauvaise idée pour la plupart des applications. C'est difficile, sujet aux erreurs et inflexible.
-
Utiliser iOS pour l'auto-numérisation. La mise à jour automatique existe depuis les premières versions du SDK iOS et permet de déplacer et de redimensionner automatiquement une vue en réponse à des changements dans la position ou la taille de sa superposition. Vous pouvez définir le comportement de numérotation par défaut pour vos vues à partir du volet Taille de l'inspecteur.
L'inspecteur de taille contient une section autosurveillée avec des ressorts et des entretoises qui vous permettent de spécifier les bords d'un objet (le cas échéant) épinglés sur le bord de son conteneur (souvent l'écran lui-même) et quels bords peuvent bouger. Bien que actuellement pris en charge et utilisé dans un code beaucoup plus ancien, ce n'est pas le premier choix pour de nombreux développeurs aujourd'hui.
-
Utiliser la mise en page automatique. Vous utilisez le système de mise en page automatique pour définir les contraintes de mise en page pour les éléments de l'interface utilisateur. Les contraintes représentent les relations entre les éléments de l'interface utilisateur. La mise en page automatique améliore le modèle «ressorts et entretoises» de Autosizing de plusieurs façons. Il a été introduit dans iOS 6 et est la méthode préférée de gestion autosizing aujourd'hui.
L'autosurveillance ne concerne pas seulement la rotation. Oui, l'image de l'écran doit s'ajuster lorsque vous faites pivoter un périphérique, mais lorsque Apple lance un nouvel appareil avec une nouvelle taille d'écran, idéalement, vous souhaitez que votre application s'adapte automatiquement à la nouvelle taille de l'écran. L'utilisation de la mise en page automatique pour l'auto-numérisation peut vous donner un gros avantage ici.
Et il y a encore plus. Si votre application est localisée, vous devez préparer des storyboards distincts pour chaque langue.Selon les langues que vous utilisez, vous devrez peut-être adapter les scripts qui vont de droite à gauche et de gauche à droite (sans parler des langues qui peuvent fonctionner verticalement).
En plus de cela, certaines langues demandent plus d'espace pour exprimer la même pensée, bien que cela varie quelque peu en fonction du sujet de la pensée et de la langue. Lorsque vous rassemblez ces problèmes de localisation, vous pouvez voir que les objets de votre storyboard contenant du texte localisé doivent pouvoir changer de taille pour refléter leur contenu. Auto Layout aide à faire cela.
Il s'agit de problèmes avancés, mais ils sont abordés ici afin que, s'ils s'appliquent à vous et à votre application, vous connaissiez la mise en page automatique et certaines de ses fonctionnalités avancées.
