Boutons et Disposition Automatique

Étape 1 : Ajouter une disposition automatique

Sélectionnez plusieurs éléments (par exemple, une icône et du texte), faites un clic droit et choisissez Ajouter une disposition automatique, ou utilisez le raccourci Maj + A. Alternativement, cliquez sur l'icône de disposition automatique dans le panneau Design sous Disposition.

Étape 2 : Reconnaître le cadre de disposition automatique

L'icône du cadre dans le panneau des calques changera pour indiquer qu'il s'agit d'un cadre de disposition automatique. Cela signifie que le cadre s'ajuste maintenant dynamiquement à ses objets enfants.

Étape 3 : Ajuster les paramètres du cadre

La disposition automatique ajoute des cadres dynamiques qui s'ajustent en fonction de leurs objets enfants. Vous pouvez ajuster le remplissage, le rayon d'angle et les dimensions du cadre, soit horizontalement, soit verticalement. Utilisez des options de redimensionnement comme ajuster au contenu pour garantir que le cadre se rétrécit pour s'adapter à son texte.

Étape 4 : Personnaliser la direction et l'espacement de la disposition

Changez la direction de la disposition (horizontale, verticale ou enroulée). Ajustez l'écart horizontal entre les éléments ou ajoutez du rembourrage pour créer un espace négatif autour des éléments.

Étape 5 : Assurer la réactivité du bouton

Les boutons créés avec la disposition automatique s'agrandissent ou se rétrécissent automatiquement à mesure que le texte est saisi, garantissant la réactivité. Cela est idéal pour les conceptions nécessitant de l'adaptabilité.

Étape 6 : Empiler et regrouper les éléments

Empilez les éléments les uns sur les autres, puis appliquez la disposition automatique pour les regrouper. Cela vous permet de créer des conceptions organisées et réactives.

Étape 7 : Modifier les paramètres avancés

Ajustez les paramètres de disposition automatique pour contrôler le comportement des contours et l'empilement à l'intérieur du cadre de disposition automatique. Modifiez le comportement d'empilement pour permettre aux objets de se superposer selon les besoins.

La disposition automatique simplifie le processus de création de boutons et d'autres conceptions réactives, leur permettant de s'adapter sans effort aux changements de contenu et de disposition.