6 novembre 2024

Groupes d'imbrication dans le bloc zéro

Zero Block prend désormais en charge l'imbrication, ce qui vous permet de placer un groupe d' éléments à l'intérieur d'un autre. Voyons dans quelles circonstances l'imbrication peut être utile et comment l'utiliser.

Quand utiliser l'imbrication

L'imbrication peut s'avérer particulièrement utile lors de la conception avec Auto Layout (conteneurs flexibles), de la création de cartes, de galeries, etc. Par exemple, vous avez créé une carte pour votre blog avec un titre, une description et une image. Vous avez ensuite regroupé ces éléments (sélectionner plusieurs éléments → Grouper), défini un groupe d'objets (Grouper → Objet) et activé la mise en page automatique (Mise en page automatique → Flex → Auto) pour que la hauteur de la carte s'ajuste automatiquement en fonction de son contenu. Vous avez également ajouté une URL et défini une couleur d'arrière-plan.

Pour ajuster avec plus de souplesse l'espacement entre le titre et la description, vous avez regroupé ces deux éléments de texte et activé la mise en page automatique pour ce nouveau groupe. Vous disposez à présent d'un groupe imbriqué doté de propriétés flexibles.

Comment imbriquer un groupe dans un autre

  1. Via le panneau Couches.
  2. Utilisation de la fonction "glisser-déposer" (uniquement lorsque la mise en page automatique est activée).
  3. Avec le raccourci clavier Cmd/Ctrl+G.
  4. Dans le panneau Paramètres.
  5. Dans le menu contextuel.
Vous pouvez imbriquer des groupes dans d'autres groupes jusqu'à cinq niveaux de profondeur. Toutefois, les éléments regroupés dans un groupe logique ne peuvent pas être imbriqués dans un groupe objet. Si vous tentez de les imbriquer, le groupe logique sera automatiquement converti en groupe objet.

Cas d'utilisation des groupes imbriqués

Voici quelques exemples de cas où les groupes d'imbrication sont particulièrement utiles et comment vous pouvez les utiliser dans vos projets.
Espacement et positionnement sans effort
L'exemple ci-dessous montre l'écran principal d'un magasin de meubles, tous les éléments étant regroupés dans un groupe d'objets et la mise en page automatique étant activée. Un groupe contient plusieurs groupes imbriqués, tels qu'une image de couverture, un logo, un menu de navigation et une galerie de cartes, où chaque carte est également un groupe. La mise en page automatique et les groupes imbriqués permettent à l'ensemble de la mise en page de s'adapter automatiquement à toute modification du contenu, ce qui facilite le déplacement des éléments et réduit la nécessité de procéder à des ajustements manuels.
Configuration flexible de l'animation
L'imbrication des groupes est également utile pour appliquer différents effets d'animation à divers groupes. Par exemple, vous pouvez définir une animation d'apparence pour une carte entière et une animation de survol distincte pour un groupe imbriqué comportant un seul élément, comme une flèche.
Mises en page réactives simples et rapides
La mise en page automatique, combinée à l'imbrication, vous permet d'adapter rapidement la mise en page de votre site web à différentes résolutions d'écran. Il vous évite également un travail manuel répétitif : une fois définis, les paramètres contrôlent automatiquement la façon dont tous les éléments réagissent aux changements de contenu ou de taille et s'alignent en conséquence.
Voir aussi

Le nouveau bloc vous permet de personnaliser l'apparence du quiz, d'ajouter un message de bienvenue et des messages d'aide du consultant virtuel, et de configurer les résultats en fonction des réponses de l'utilisateur.

Vous pouvez transformer les éléments groupés en un élément distinct et définir ses paramètres.

Fabriqué le
Tilda