Alignement des composants à l'aide d'un alignement X/Y

Lorsque vous associez la propriété layout d'un composant à la valeur null, vous pouvez utiliser la fenêtre de personnalisation de la présentation pour aligner les composants en fonction de leurs limites.

Lorsque la propriété layout est associée à la valeur null, la position et la taille de chaque composant sont définies de manière indépendante dans l'interface en fonction des limites. Pour éviter une opération fastidieuse et délicate de mise à jour des limites de chaque composant, vous pouvez utiliser l'éditeur visuel pour aligner et adapter la taille et la position des composants en fonction de leurs relations.

Lorsque la présentation est associée à la valeur null, la fenêtre de personnalisation de la présentation comporte un certain nombre d'actions applicables à un groupe de composants. Vous pouvez :
  • Aligner les composants en fonction de leurs extrémités.
  • Aligner en fonction des points centraux.
  • Appliquer la même taille et la même hauteur aux composants.
  • Distribuer les composants de manière équitable, de manière verticale et horizontale dans components evenly, both vertically and horizontally, across a given space

Pour aligner, redimensionner et distribuer les composants dans une présentation null, procédez comme suit :

  1. Dans la vue Conception ou Beans Java, sélectionnez au moins deux composants que vous souhaitez aligner ou positionner l'un par rapport à l'autre. Vous pouvez utiliser l'outil de sélection ou maintenir la touche Ctrl enfoncée pour sélectionner plusieurs composants. Le dernier composant que vous sélectionnze correspond au composant de contrôle, ou ancre. Le composant d'ancrage est doté de poignées de redimensionnement noires alors que les autres composants sélectionnés possèdent des poignées blanches.
  2. Pour ouvrir la fenêtre de personnalisation de la présentation, procédez comme suit :
    • A l'aide du bouton droit de la souris, cliquez sur le composant et sélectionnez Personnaliser la présentation à partir du menu en incrustation.
    • Cliquez sur Personnaliser la présentation icône de la fenêtre afficher l'alignement dans la barre d'outils.

    Fenêtre de personnalisation de la présentation pour une présentation null
  3. Pour aligner les composants les uns par rapport aux autres, utilisez les boutons suivants :
    • Aligner à gauche : Aligne les composants sur le bord gauche du composant d'ancrage.
    • Aligner au centre : Aligne les composants par rapport au centre du composant d'ancrage le long d'un plan vertical.
    • Aligner à droite : Aligne les composants sur le bord droit du composant d'ancrage.
    • Aligner en haut : Aligne les composants sur le bord supérieur du composant d'ancrage.
    • Aligner au milieu : Aligne les composants sur la partie médianedu composant d'ancrage, le long d'un plan horizontal.
    • Aligner en bas : Aligne les composants sur le bord inférieur du composant d'ancrage.
  4. Pour adapter la taille des composants sélectionnés, utilisez les boutons suivants :
    • Respecter la largeur : Applique aux composants la largeur du composant d'ancrage.
    • Respecter la hauteur : Applique aux composants la hauteur du composant d'ancrage.
  5. Pour répartir l'espacement entre les composants, effectuez l'une des opérations ci-dessous afin de définir les limites de la zone de distribution :
    • Ne cliquez sur aucun élément si vous souhaitez utiliser le conteneur comme zone de répartition (comportement par défaut) ou cliquez sur Masquer le cadre de répartition si le cadre est déjà affiché.
    • Cliquez sur Afficher le cadre de répartition et faites glisser les poignées du cadre pour créer la taille requise pour la répartition.
    Pour répartir les composants, utilisez ensuite l'un des boutons suivants :
    • Distribuer horizontalement : Applique aux composants la largeur du composant d'ancrage.
    • Distribuer verticalement : Applique aux composants la hauteur du composant d'ancrage.

Par exemple vous pouvez sélectionner trois composantsJButton et indiquez qu'ils doivent avoir la même largeur et être alignés les uns par rapport aux autres sur la limite de gauche. Le dernier composant JButton sélectionné est utilisé comme composant d'ancrage pour les deux autres boutons. L'action Aligner à gauche aligne les composants JButton sur le bord gauche du derner composant JButton sélectionné et l'action Respecter la largeur applique la taille du composant JButton de contrôle aux composants JButton sélectionnés.

Les boutons d'alignement de la fenêtre de personnalisation de la présentation sont disponibles uniquement si les conditions suivantes sont réunies :

Outre l'alignement des composants ou l'application d'une hauteur et d'une largeur identiques, vous pouvez répartir les composants. Lorsque les composants sont réparties, leur position est modifiée afin que leur espacement soit identique au sein d'un cadre de délimitation défini par leur conteneur parent. Par exemple, avant de cliquer sur le bouton Distribuer verticalement bouton Distribuerverticalement, on dispose de trois boutons dont l'espacement est inégal, comme indiqué dans l'image suivante :


beans placé dans la vue Conception

Une fois que vous avez cliqué sur Distribuer verticalement, les composants sont espacés de manière égale, comme indiqué dans l'image ci-dessous :


beans distribués verticalement

Les trois boutons sont réparties dans la limite de la hauteur du parent (le bord supérieur et inférieur du cadre).

Pour contrôler davantage la zone utilisée pour la répartition, vous pouvez activer le cadre de distribution en cliquant sur le bouton Afficher le cadre de répartition cadre de répartition. Lorsque vous cliquez sur ce bouton, un cadre apparaît autour de la zone où se trouvent tous les composants sélectionnés. Vous pouvez déplacer ou redimensionner ce cadre à l'aide de ses poignées. Lorsque vous utilisez un cadre de répartition et que celui-ci est actif, il définit la zone utilisée pour repositionner les composants. Sans cadre de répartition, le conteneur parent définit la zone utilisée pour la répartition. L'image suivante présente un cadre de répartition :


beans avec cadre de répartition

Vous pouvez déplacer et redimensionner le cadre de répartition, comme indiqué dans l'image ci-dessous :


beans dans un cadre de répartition redimensionné

Si vous effectué une distribution verticale en utilisant le cadre de répartition, la distribution est effectuée dans les limites du cadre au lieu du conteneur parent, comme indiqué dans l'image suivante :


beans distribués verticalement au sein d'un cadre

Rubrique parent : Disposition des composants à l'aide de l'éditeur visuel

Concepts connexes
Gestionnaires de présentation et conteneurs

(C) Copyright IBM Corporation 1999, 2004. All Rights Reserved.