Sommaire

Catégorie Disposition flexible

Cette catégorie regroupe les propriétés relatives à la disposition de l’acteur dans une disposition flexible comme l’empilement, la boite à vue ou la modale.

Alignement vertical

Cette propriété permet de régler l’alignement vertical de l’acteur dans l’acteur parent.

Il existe quatre possibilités pour cette propriété :

  • Auto
  • Positionné en haut de l’acteur parent
  • Positionné au centre de l’acteur parent
  • Positionné en bas de l’acteur parent
  • Occupe toute la place verticale disponible ( Répartie entre tous les acteurs présents dans l’acteur parent )

(Cas spécial pour les modales : la disposition n’a aucune effet sur la position de la modale puisque cet acteur est positionné grâce aux ancres.)

Chemin d’accès depuis l’acteur properties.verticalAlignment ⚡ Doc Script API

Alignement horizontal

Cette propriété permet de régler l’alignement horizontal de l’acteur dans l’acteur parent.

Il existe quatre possibilités pour cette propriété :

  • Auto
  • Positionné à gauche de l’acteur parent
  • Positionné au centre de l’acteur parent
  • Positionné à droite de l’acteur parent
  • Occupe toute la place horizontale disponible ( Répartie entre tous les acteurs présents dans l’acteur parent )

(Cas spécial pour les modales, la disposition n’a aucune effet sur la position de la modale puisque cet acteur est positionné grâce aux ancres.)

Chemin d’accès depuis l’acteur properties.horizontalAlignment ⚡ Doc Script API

Catégorie Disposition dans une toile

Cette catégorie regroupe les propriétés relatives à la disposition de l’acteur dans une toile.

Dans un acteur toile, les enfants directes sont disposés suivant des coordonnées relativement à ses 4 bords.

Position haute

La position haute permet de définir le décalage vertical du bord extérieur haut de l’acteur par rapport au bord intérieur haut de la toile parente. Les bords considérés ici sont :

  • bord interne pour la toile, c’est-à-dire qu’il comprend la potentielle marge intérieure haute
  • bord externe pour l’acteur enfant, c’est-à-dire qu’il comprend la potentielle marge extérieure haute.

Position gauche

La position gauche permet de définir le décalage horizontal du bord extérieur gauche de l’acteur par rapport au bord intérieur gauche de la toile parente. Les bords considérés ici sont :

  • bord interne pour la toile, c’est-à-dire qu’il comprend la potentielle marge intérieure gauche
  • bord externe pour l’acteur enfant, c’est-à-dire qu’il comprend la potentielle marge extérieure gauche.

Position basse

La position basse permet de définir le décalage vertical du bord extérieur haut de l’acteur par rapport au bord intérieur haut de la toile parente. Les bords considérés ici sont :

  • bord interne pour la toile, c’est-à-dire qu’il comprend la potentielle marge intérieure basse
  • bord externe pour l’acteur enfant, c’est-à-dire qu’il comprend la potentielle marge extérieure basse.

Position droite

La position droite permet de définir le décalage horizontal du bord extérieur droite de l’acteur par rapport au bord intérieur droite de la toile parente. Les bords considérés ici sont :

  • bord interne pour la toile, c’est-à-dire qu’il comprend la potentielle marge intérieure droite
  • bord externe pour l’acteur enfant, c’est-à-dire qu’il comprend la potentielle marge extérieure droite.

📌 REMARQUE
Les positions haute et gauche sont celles qui sont changées lorsqu’on déplace l’acteur dans la toile en glissant la souris.

💡 ASTUCE
Si vous utilisez deux coordonnées opposées en même temps (haute/basse ou droite/gauche) et qu’il n’y a pas d’autres contraintes de taille, l’acteur va s’entendre pour faire respecter à ses bords les règles de position. Par exemple, pour étendre un acteur sur toute la surface d’une toile, vous pouvez définir toutes les positions à 0. Ainsi, chaque bord sera collé au bord correspondant de la toile.

Liens