Discussion :

[tomarv]

Bonsoir à tous.

Je débute la programmation et j'ai besoin de plein de conseils.

Pour le mauvais, j'aimerais avoir des conseils sur la meilleure façon d'aligner 4 boutons en vertical, de taille tous identiques et sans que leur dimension change en fonction de la taille de la fenêtre.

Merci

[Hind4Dev]

vous pouvez utiliser un panel avec un grid layout

[joel.drigo]

Salut,

vous pouvez utiliser un panel avec un grid layout

Non, un GridLayout s'étend sur tout le conteneur, donc la largeur des composants qui s'y trouvent est la largeur du conteneur (par exemple, la fenêtre), mais également la hauteur !

Un BoxLayout (ou un Box) orienté verticalement te permettra d'avoir des boutons dont la largeur ne s'étend pas sur la largeur du conteneur.
Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
JPanel panel = new JPanel();
panel.setLayout(new BoxLayout(panel, BoxLayout.Y_AXIS));

Equivalent avec Box :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Box panel = new Box(BoxLayout.Y_AXIS);

Mais, attention, la largeur de chaque bouton dépend du texte du bouton, donc chaque bouton peut avoir une largeur différent.
En plus les boutons seront cadrés à gauche. On peut modifier ce cadrage, en agissant sur l'alignement en X : button.setAlignmentX(Component.CENTER_ALIGNMENT);. Pour gérer un espace entre chaque bouton, regarde Box.createStruts(...).

Pour avoir des boutons de même largeur, on peut utiliser un GridBagLayout.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
final JPanel panel = new JPanel(new GridBagLayout());
frame.add( panel );
 
for(int i=0; i<4; i++) {
    final GridBagConstraints gbc = new GridBagConstraints(0,i,1,1,0,0,GridBagConstraints.CENTER,GridBagConstraints.HORIZONTAL,new Insets(5,5,5,5), 0,0);
    final JButton button = new JButton("Button "+ (int)Math.pow(10,i));
    panel.add(button, gbc);
}

Dans ce cas, en revanche, les boutons seront centrés dans le conteneur, en horizontal, comme en vertical. On peut éviter le centrage vertical simplement en encapsulant dans un BorderLayout, en plaçant au nord :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
  JPanel panel = new JPanel(new GridBagLayout());
 
for(int i=0; i<4; i++) { 
    final GridBagConstraints gbc = new GridBagConstraints(0,i,1,1,0,0,GridBagConstraints.PAGE_START,GridBagConstraints.HORIZONTAL,new Insets(5,5,5,5), 0,0); 
    JButton button = new JButton("Button "+ (int)Math.pow(10,i)); 
    panel.add(button, gbc); 
}
 
JPanel panel2 = new JPanel(new BorderLayout());
panel2.add(panel, BorderLayout.NORTH);
 
frame.add( panel2 );

[tomarv]

Bonjour et merci pour vos réponses 😊
En fait j'ai déjà testé BoxLayout et GridLayout, et effectivement pour l'un la taille des boutons varie en fonction de celle de la fenêtre, et pour l'autre les boutons s'adaptent au texte. Par contre j'ai jamais testé le GridBagLayout mais ça semble un peu complexe non ?

[joel.drigo]

Le GridBagLayout semble plus complexe certes, parce qu'il est plus riche en options. Mais il n'est pas si complexe que ça.

A la base, on peut simplefment considérer les règles suivantes (et voir les options "plus complexes" quand on maitrise cette partie) :

1. On gère le placement des composants dans une grille, avec 4 coordonnées :
   
   • gridx : l'indice de la colonne
   • gridy : l'indice de la ligne
   • gridwidth : le nombre de cases en largeur (l'équivalent du span des tables html)
   • gridheight : le nombre de cases en hauteur
2. Il faut savoir que la contrainte qu'on passe en paramètre est réutilisable pour plusieurs composants, sans interférence entre ces composants. Concrètement, ça veut dire qu'on peut écrire :
   

   Code :

   Sélectionner tout - Visualiser dans une fenêtre à part

   1
   2
   3
   4
   GridBagConstraints gbc = new GridBagConstraints(); // création d'un contrainte avec les paramètres par défaut (donc x=0, y=0, width=1, height=1
   container.add(component1, gbc);
   gbc.gridx=1; // on place le prochain composant en colonne 2 (toutes les autres contraintes sont les mêmes
   container.add(component2, gbc);

3. le paramètre anchor sert à déterminer comment le composant est positionné dans sa case (à droite, à gauche, en haut, au milieu, etc...)
4. le paramètre fill sert à déterminer comment le composant occupe sa case (il la remplit ou pas, horizontalement, verticalement ou les deux)
   Ce paramètre est à associer avec weightx et weighty pour déterminer sur quel espace du container le composant s'étend. Le principe est qu'on considère l'espace restant quand tous les composants ont été placés en prenant leur taille préférentielle. Cet espace est réparti horizontalement selon weightx : par exemple, si weightx = 0.5, le composant s'étend en prenant la moitié de l'espace horizontal disponible pour le faire. Verticalement, c'est le même principe, avec weighty.
5. La taille préférentielle de la grille dépend de son contenu, pas de son container (ce qui est le cas pour GridLayout)

Tu peux lire ces discussions pour avoir plus d'indications sur le GridBagLayout :

• http://www.developpez.net/forums/d15...mensionnement/
• http://www.developpez.net/forums/d15...fond-d-jpanel/

A noter, par ailleurs, qu'il y a un autre layout manager, le SpringLayout, qui permet de placer précisemment des composants, les uns par rapport aux autres : si celui-ci est adapté pour faire des formulaires de saisie, il est vraiment plus complexe à utiliser que tous les autres.

[tomarv]

Merci pour toutes ses infos. Je vais donc suivre les liens et tester ce layout avant de revenir.