Maîtrisez l'Autolayout Avancé : Le Wrapping

Auto layout et wrapping
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Figma - Les fondamentaux
Revoir le teaser Je m'abonne
4,9
Transcription

Cette leçon fait partie de la formation
59,00€ 35,40€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,9
Cette leçon fait partie de la formation
59,00€ 35,40€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :

  • Comprendre et appliquer le wrapping dans un bloc autolayout
  • Configurer des tailles minimales et maximales pour les éléments
  • Créer des designs responsive pour divers périphériques

Apprenez à utiliser le wrapping pour optimiser la disposition de vos éléments dans un bloc autolayout, assurant ainsi un design responsive et fluide.

Dans cette leçon, nous vous proposons d'approfondir l'opération de l'autolayout avec une fonctionnalité révolutionnaire : le wrapping. Le wrapping permet de disposer dynamiquement les éléments d'un bloc autolayout en optimisant l'espace disponible. Initialement, vous verrez comment les tags se comportent sans wrapping, puis nous activerons cette fonctionnalité pour observer les changements. Vous apprendrez à configurer les tailles minimales et maximales des éléments, assurant qu'ils ne dépassent pas certaines limites tout en s'adaptant aux différentes tailles d'écran. Enfin, nous verrons comment combiner le wrapping avec d'autres propriétés pour créer des designs scalables pour divers périphériques, tels que les desktops, tablettes et mobiles.

Voir plus
Questions réponses
Qu'est-ce que le wrapping dans l'autolayout ?
Le wrapping est une fonctionnalité qui permet d'organiser dynamiquement les éléments d'un bloc autolayout afin de remplir de façon optimale l'espace disponible.
Comment activer le mode wrapping sur un bloc autolayout ?
Pour activer le mode wrapping, sélectionnez le bloc autolayout, accédez aux réglages de l'autolayout et cliquez sur l'option 'Wrap'.
Pourquoi le wrapping est-il utile dans un design responsive ?
Le wrapping permet de réarranger automatiquement les éléments pour qu'ils s'ajustent à la taille de leur container, garantissant ainsi que le design reste optimal sur différentes tailles d'écran.

Programme détaillé

7 commentaires
4,9
7 votes
5
4
3
2
1
m.staudenmann
Il y a 1 mois
Bravo, l'outil est très bien expliqué et couvre toutes les fonctionnalités principales. De plus les exemples sont pertinent et facile à comprendre. A mon avis il manque toutefois, soit des exercices par section, ou alors un exercice en file conducteur le long de la formation.
Par contre les fichiers de ressources mentionnés dans la formation sont manquant, dommage.
howtoplay618
Il y a 2 mois
très bien
Mag_Gms
Il y a 4 mois
Super formation. Les explications sont claires, vous donnant une base solide pour bien commencer avec Figma. Cela vous aide à gagner du temps et à mieux vous organiser dès le début. Parfait pour les débutants. Merci!
jacques-andre.gomes
Il y a 8 mois
Excellente formation. Précise, complète et bien découpée.
(Il n' y a plus qu'à...:-))
svanpo
Il y a 9 mois
J'avais entendu parler de Figma. Excellente formation avec un formateur très compétent et pédagogique qui donne des astuces de réalisation donc parfait pour comprendre les concepts et la mise en œuvre de l'outil.
loran83000
Il y a 9 mois
Très pédagogique.
camille.art
Il y a 11 mois
Pour débuter. avec une base solide …très bonne pédagogie !
Bravo, il faut maintenant rajouter une autre pour monter le niveau dans la continuité de celle-ci