Ceci est juste une extension sur la façon d'utiliser rapidement "Vary Traits" dans votre projet pour ajouter différentes mises en page pour iPad et iPhones.
Veuillez lire ceci pour en savoir plus sur les classes de taille.
https://developer.apple.com/reference/uikit/uitraitcollection
Si vous ignorez l'exemple ci-dessous, lisez le résumé à la fin.
Vous avez besoin d'un bouton de différentes largeurs sur iPhone et iPad. Le premier a une largeur de 80 et le dernier une largeur de 300.
Variez pour les traits avec plusieurs contraintes comme installé.
PAS :
- Ajoutez d'abord les contraintes courantes comme Centrer le bouton horizontalement et verticalement.
- Choisissez VaryForTraits et pour les écrans iPhone selon les directives de classe de taille, une classe de taille C * R correspond au modèle et nous vérifions les coches de Largeur et Hauteur dans PopUp. Fermez la fenêtre contextuelle en cliquant n'importe où sur l'écran.
- Ajoutez la constante de largeur et vérifiez si la contrainte est ajoutée pour la classe de taille C * R. Après avoir ajouté des contraintes, choisissez le bouton Done Varying.
- Pour les écrans iPad, sélectionnez à nouveau n'importe quel appareil iPad et choisissez VaryForTraits et cette fois en cliquant sur hauteur-largeur, il devrait afficher une variation R * R.
- Ajoutez à nouveau une contrainte de largeur, la dernière contrainte de largeur d'iPhone ajoutée doit être désactivée comme dans la capture d'écran. La valeur ajoutée sera cette fois pour la classe de taille R * R.
- Revenez à la disposition de l'iPhone et cela prend 80 comme largeur et l'iPad en prendra 300.
CONCLUSION :
Veuillez noter qu'il y a un total de deux contraintes ajoutées et dans les deux contraintes, les valeurs diffèrent selon la classe de taille choisie.
Varier pour les traits avec une seule contrainte, plusieurs classes de taille installées
- PAS :
- Ajoutez la contrainte de largeur normale. Sélectionnez ensuite cette contrainte et choisissez le bouton + à côté de la valeur Constante.
- Ajoutez une variation de trait, et pour iPhone, nous choisissons C * R et définissons la valeur constante sur 100.
- Encore une fois pour l'iPad qui suit une variation de trait comme R * R, nous ajoutons une autre variation en cliquant à nouveau sur le bouton + et définissons la valeur sur 300.
- Sélectionnez un iPad et la largeur sera automatiquement prise comme 300 et revenant à l'iPhone, elle prend 100 comme valeur.
CONCLUSION :
Cela semble être une meilleure option plutôt que d'ajouter deux contraintes lorsqu'une seule contrainte est requise et que la valeur de la constante diffère.
QUAND UTILISER, QUOI UTILISER:
Les deux approches font fondamentalement la même chose, en définissant des valeurs sur Classes de taille.
Mais, # Method1 est utilisé lorsque vous souhaitez ajouter une contrainte spécifiquement pour un périphérique ou dire classe de taille. Par exemple, sur iPhone, le bouton doit être parmi les 50 premiers pts et sur iPad, il doit être centré horizontalement et verticalement. Dans de telles situations, vous devez utiliser VaryForTraits car il ouvre des portes pour ajouter des contraintes pour une classe de taille spécifique.
# La méthode 2 est utilisée lorsque vous souhaitez des valeurs constantes différentes pour un même type de contrainte.
PS: À TOUS CEUX QUI NE PEUVENT PAS FAIRE FONCTIONNER L'EXEMPLE
Veuillez vous assurer que vous n'ajoutez que les contraintes requises comme installées. La case à cocher Installé ne doit apparaître que pour la contrainte dont vous avez besoin pour une classe de taille. C'est la clé!
Ajoutez simplement une contrainte supérieure et un menant à un uiButton dans une vue. Sélectionnez la contrainte supérieure et décochez l'option Installé de base avec le signe Plus. Maintenant, en cliquant sur le signe Plus, ajoutez une variation à C R et cochez cette option. Maintenant, changez l'appareil d'iPhone en iPad avec diverses combinaisons d'orientation. Cette contrainte ne sera appliquée que pour la classe de taille C R qui est l'iPhone en orientation portrait. Si la case à cocher par rapport à Installé de base (celui avec le symbole Plus) a été cochée, cela signifie que la contrainte doit être appliquée à toutes les classes de taille.
SOMMAIRE :
La variation de trait est une modification de la présentation de votre interface utilisateur basée sur une configuration de périphérique. Les variations de caractéristiques de l'interface utilisateur ne se limitent pas aux contraintes, mais peuvent s'appliquer à bien plus encore. Par exemple, changer la couleur de l'arrière-plan et d'autres éléments lorsque l'appareil est réglé sur un style sombre. Une variante peut s'appliquer à un élément de l'interface utilisateur, tel que la suppression d'une contrainte, ou à une propriété d'une classe de vue ou d'une contrainte, telle que la police d'une étiquette. Vous pouvez varier:
Taille ou position d'une vue
Installation d'une vue
Installation d'une contrainte
Constante de contrainte
Police de caractère
Couleur de la police, de la teinte ou de l'arrière-plan
Marges de mise en page
Fichier d'image
L'ensemble spécifique de propriétés que vous pouvez faire varier dépend de la classe de l'élément. Dans l'exemple, nous avons démontré l'utilisation de - Installation d'une contrainte & - Constante de contrainte. D'autres sont assez simples et peuvent être facilement déduits.