GridBagLayout, placement de boutons

Version imprimable

15/03/2010, 16h33
pendoRa

GridBagLayout, placement de boutons

Salut, personnellement je trouve cela tres confus, et donc je ne sais pas comment bien utilisé le placement "personnalisé" des boutons,
Pièce jointe 59788
voila je souhaite juste placer mes boutons ( qui sont définitifs) dans les rectangles noirs illustré ci-dessus.
ps : j'ai mis 2 rectangles, mais je metterai les 4 boutons pas seuelement 2.. c'était a titre d'exemple..
Merci de vos eclaircissements !

Est ce que ce code fait ce que tu veux?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
package components;
 
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
 
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
 
 
 
 
@SuppressWarnings("serial")
class Main extends JFrame{
 
	public static void main(String[] args){
		new Main();
	}
 
	public Main(){
 
		JPanel panel = new JPanel();
 
		/* ajout du layout*/
		panel.setLayout(new GridBagLayout());
		/* création de la contrainte permettant de choisir l'agencement*/
		GridBagConstraints c = new GridBagConstraints();
 
 
		//Premier bouton
		JButton bouton = new JButton("Bouton 1");
		c.weightx=1;
		c.weighty=0.5;
		c.anchor=GridBagConstraints.LAST_LINE_START;
		c.gridheight=1;
		c.gridwidth=GridBagConstraints.REMAINDER;
		c.gridx = 0;
		c.gridy = 0;
		c.insets=new Insets(0,10,0,0);
		panel.add(bouton,c);
 
		//Deuxieme bouton
		bouton = new JButton("Bouton 2");
		c.weightx=1;
		c.weighty=0;
		c.anchor=GridBagConstraints.LINE_START;
		c.gridheight=1;
		c.gridwidth=GridBagConstraints.REMAINDER;
		c.gridx = 0;
		c.gridy = 1;
		c.insets=new Insets(30,10,0,0);
		panel.add(bouton,c);
 
		//Troisieme bouton
		bouton = new JButton("Bouton 3");
		c.weightx=1;
		c.weighty=0;
		c.anchor=GridBagConstraints.LINE_START;
		c.gridheight=1;
		c.gridwidth=GridBagConstraints.REMAINDER;
		c.gridx = 0;
		c.gridy = 2;
		c.insets=new Insets(30,10,0,0);
		panel.add(bouton,c);
 
		//Quatrieme bouton
		bouton = new JButton("Bouton 4");
		c.weightx=1;
		c.weighty=0.5;
		c.anchor=GridBagConstraints.FIRST_LINE_START;
		c.gridheight=1;
		c.gridwidth=GridBagConstraints.REMAINDER;
		c.gridx = 0;
		c.gridy = 3;
		c.insets=new Insets(30,10,0,0);
		panel.add(bouton,c);
 
		//Ajout du panel
        add(panel);
 
 
        //Parametre de la frame
        setSize(600, 480);
        setTitle("Exemple");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setVisible(true);
	}
 
}

EDIT:

Je te conseil de regarder ces 2 pages:

http://louis.cova.neuf.fr/blocs-notes/page11.html

http://bbclone.developpez.com/fr/jav...page=page_2#Lc

16/03/2010, 18h36
rtg57
Bonjour,

si vos boutons n'ont pas besoin d'être repositionnés automatiquement lors de la modification de la taille de la fenêtre, il est peut être plus simple de placer les éléments "à la main". Par exemple:
Code:

1 2 3 monBouton1.setBounds(x, y, largeur_bouton, hauteur_bouton); monBouton2.setBound(x, y + 20, largeur_bouton, hauteur_bouton); /.../
Les différents Layout sont super lorsque l'on ne veut pas gérer le placement des objets lors des redimensionnements de fenêtre. Vu l'emplacement des cadres que vous avez indiqués, il est peu probable que les boutons soient concernés par un redimensionnement...auquel cas c'est pas la peine de se prendre la tête :mouarf:

En espérant que cela vous soit utile...
16/03/2010, 19h31
sinok
Citation:
Envoyé par rtg57

Bonjour,

si vos boutons n'ont pas besoin d'être repositionnés automatiquement lors de la modification de la taille de la fenêtre, il est peut être plus simple de placer les éléments "à la main". Par exemple:

Code:

1 2 3 monBouton1.setBounds(x, y, largeur_bouton, hauteur_bouton); monBouton2.setBound(x, y + 20, largeur_bouton, hauteur_bouton); /.../
Le NullLayout c'est mal, genre worst practice, ça fout le dawa avec les ScrollPanes et en général ça donne des interfaces absolument pas équilibrées.

Dans les cas de pendora je me baserai sur un BoxLayout vertical ou un GridBagLayout sur un Jpanel placé dans la composant LEADING du BorderLayout du conteneur de la JFrame.
17/03/2010, 09h47
pendoRa

Merci a tous pour votre aide, en effet j'ai "verrouillé" le redimentionnement de la fenêtre donc...comme j'ai mieux assimilé le GridBagLayout, je vais l'utilisé.
Merci bien, je vous dirai dans la journée si j'ai réussi à les placer ;)
Peace
ps : j'ai presque résolu mon probleme d'objet ( post. précédent :p )

Bonjour,
j'ai finalement opté pour un GridBagLayout, GridBagConstraints...
Le positionnement est très bien ( weightx, weighty, gridx, gridy etc.. )
Cependant, je n'arrive qu'a les placer sur une seule colonne, or j'aimerais placer une bouton à l'opposer, ( le bouton "Exit" ). Rien a faire, pourtant je change le positionnement par rapport au colonne, je comprend pas !
Merci
Le code bien sur :

J'ai écris des commentaires au endroits ou j'ai ( j'éssaye ) placé les boutons..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
// LISTE DES IMPORTS
 
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.IOException;
 
import javax.swing.JButton;
import javax.swing.JFileChooser;
import javax.swing.JFrame;
import javax.swing.JList;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.filechooser.FileNameExtensionFilter;
 
 
 
public class FenetrePrincipale extends JFrame implements ActionListener {
 
		//	 private JFrame				     frame 				 = new JFrame();
			private JPanel					 panneau			 = new JPanel(new GridBagLayout());
			private GridBagConstraints 		 c 					 = new GridBagConstraints();
 
			private String labels[]								 = { "radio1", "radio2", "radio3", "radio4" };
			//private DefaultComboBoxModel     model 				 = new DefaultComboBoxModel(labels);
			private JList					 liste				 = new JList();
			private JButton                  boutonExec	    	 = new JButton("Connexion");
		    private JButton					 boutonExit		     = new JButton("Quitter");
			private JTextField 				 textChemin          = new JTextField(50);
			private JFileChooser			 chooser     	     = new JFileChooser();
			private FileNameExtensionFilter  filter 			 = new FileNameExtensionFilter("Fichiers Exécutables", "exe");
 
 
 
 
						// MENU
 
			private JMenuBar 				 menubar 			 = new JMenuBar();
 
			private JMenu					 menuFichier		 = new JMenu("Fichier");
			private JMenu 					 menuPreferences	 = new JMenu("Préférences");
			private JMenu 					 menuAide 	         = new JMenu("?");
 
						// SOUS MENUS
 
			private JMenuItem				 itemConnect = new JMenuItem("Se Connecter");
			private JMenuItem 				 itemExit    = new JMenuItem("Quitter");	
			private JMenuItem 				 itemCfg     = new JMenuItem("Configurer...");	
			private JMenuItem 				 itemHelp    = new JMenuItem("Aide");
			private JMenuItem 				 itemBlog    = new JMenuItem("Visiter le Blog...");
			private JMenuItem				 itemInfo    = new JMenuItem("A propos...");		
 
 
	public FenetrePrincipale() {
 
		super("pendoRa Mix Radio 1.1");
 
		this.boutonExec.setActionCommand("boutonOK");
		this.itemCfg.setActionCommand("Configurer");
		this.itemConnect.setActionCommand("Connexion");
 
 
		// Mise en place des écouteurs
 
	 //	this.liste.addActionListener(new ListeRadio());
		// Boutons
		this.boutonExec.addActionListener(this);
		this.boutonExit.addActionListener(new Exit());
 
		// Placement du bouton Exit
		this.c.weightx=1;
		this.c.weighty=0.5;
		this.c.anchor=GridBagConstraints.LAST_LINE_START;
		this.c.gridheight=1;
		this.c.gridwidth=GridBagConstraints.REMAINDER;
		this.c.gridx=0;
		this.c.gridy=1;
		this.c.insets=new Insets(0, 10, 0, 0);
		this.panneau.add(this.boutonExit, c);
 
		// Placement du bouton de Connexion
 
		this.c.weightx=1;
		this.c.weighty=0;
		this.c.anchor=GridBagConstraints.LINE_START;
		this.c.gridheight=1;
		this.c.gridwidth=GridBagConstraints.REMAINDER;
		this.c.gridx=0;
		this.c.gridy=2;
		this.c.insets=new Insets(30, 10, 0, 0);
		this.panneau.add(this.boutonExec, c);
 
 
 
 
		// Menu
		this.itemBlog.addActionListener(new Blog());
		this.itemHelp.addActionListener(new Help());
		this.itemInfo.addActionListener(new Info());
		this.itemExit.addActionListener(new Exit());
		this.itemCfg.addActionListener(this);
		this.itemConnect.addActionListener(this);
 
		// Ajout de la liste
		this.panneau.add(this.liste);
 
 
 
		// Ajout des boutons
		this.panneau.add(this.textChemin);
		//textChemin.setVisible(false);
		//this.panneau.add(this.boutonExec);
		//this.panneau.add(this.boutonExit);
 
		// Ajout du menuBar
		this.panneau.add(this.menubar);
 
		// Ajout de sous-menus
		menubar.add(this.menuFichier);	
		menubar.add(this.menuPreferences);
		menubar.add(this.menuAide);
 
		// Ajout des Menu Items
 
		// Menu Fichier
		menuFichier.add(this.itemConnect);
		menuFichier.addSeparator();
		menuFichier.add(this.itemExit);
 
		// Menu Préférences
		menuPreferences.add(this.itemCfg);
 
		// Menu Aide (?)
		menuAide.add(this.itemHelp);
		menuAide.add(this.itemBlog);
		menuAide.addSeparator();
		menuAide.add(this.itemInfo);
 
 
		// Filtre du JFileChooser
		this.chooser.setFileFilter(filter);
 
 
		//Hide le chemin d'accès
		textChemin.setVisible(false);
 
		// Layout	
		this.setLayout(new BorderLayout(9, 3));
		this.add(this.panneau, BorderLayout.CENTER);
 
		// La fenetre...
		this.setResizable(false);
		this.setLocationRelativeTo(null);
		this.setVisible(true);
		this.panneau.setBackground(Color.RED);
		this.setSize(600, 400);
		this.setJMenuBar(menubar);
		this.show();
 
	}
 
 
 
 
	/* (non-Javadoc)
	 * @see java.awt.event.ActionListener#actionPerformed(java.awt.event.ActionEvent)
	 */
 
 
	public void actionPerformed(ActionEvent aActionEvent) {
 
		String action = aActionEvent.getActionCommand();
 
		if(action.equals("Configurer"))
		{
			if(this.chooser.showOpenDialog(this) == JFileChooser.APPROVE_OPTION)
			{
				this.textChemin.setText(this.chooser.getSelectedFile().getAbsolutePath());
			}
		}
 
 
		if(action.equals("boutonOK"))
		{
			try
			{
				Runtime.getRuntime().exec(new String[] {this.textChemin.getText(), "http://pendora.fr.nf:8000/listen.pls" } );
				// test avec fichier audio "C:\\Users\\pendoRa\\Music\\son\\LIFE.mp3"
			}												
			catch (IOException aIOException)
			{
				JOptionPane.showMessageDialog(this, aIOException.getMessage(), "Erreur", JOptionPane.ERROR_MESSAGE);
			}
 
		}
 
		if(action.equals("Connexion"))
		{
			try
			{
				Runtime.getRuntime().exec(new String[] {this.textChemin.getText(), "http://pendora.fr.nf:8000/listen.pls" }) ;
				// test avec fichier audio "C:\\Users\\pendoRa\\Music\\son\\LIFE.mp3"
			}											
			catch (IOException aIOException)
			{
				JOptionPane.showMessageDialog(this, aIOException.getMessage(), "Erreur", JOptionPane.ERROR_MESSAGE);
			}
 
		}
	}
 
 
 
public static void main(String[] args)  {
 
	new FenetrePrincipale();
 
}
}

Désolé si sa fait beaucoup, mais au moins ya tout ( ou presque)
Merci !

22/03/2010, 16h54
laurentze

1 pièce(s) jointe(s)

Bonjour,

Tu pourrais dire plus precisemment comment tu veux placer tes 2 boutons, j'ai pas vraiment compris ?

Tu veux un truc comme ca?
22/03/2010, 17h13
pendoRa

Voila, tout a fait ce que je n'arrive pas a éffectuer... déplacer horizontalement les boutons..
Donc dans ce cas la, effectivement, oui, placer le bouton "Quitter" en bas à droite... et le bouton "Connexion", en haut a gauche, car après il y aura une JList au milieu..
ps : Parce que j'ai modifié les valeurs de gridx ( colonne donc ) et le bouton ne bouge pas.. j'ai surement oublié un paramètre
22/03/2010, 17h22
pendoRa

Je pensais, qu'apres le paramètrage de placement, l'ajout de "

Code:

this.panneau.add(this.boutonExit, c)

suffirait a finir le paramètrage, or, lorsque j'ai modifié la ligne, et enlevé le "c" au bout de ligne, le placement a droite s'effectue .. pourquoi ?
MErci :!
22/03/2010, 17h27
laurentze

1 pièce(s) jointe(s)

J'ai pas tout compris, dans ton code, celui que tu as donné les gridx sont à zéros. C'est donc normal qu'ils soient sur la même colonne

Voila ce que j'obtiens quand j'essaie de placer les boutons comme j'ai cru que tu le voulais:

EDIT:
Donnes le code ou tu as rencontré ton PB.

Voici la partie du code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// placement du bouton Connexion 
this.c.weightx=1;
this.c.xeighty=0;
this.c.anchor=GridBagConstraints.LAST_LINE_START;
this.c.gridheight=1;
this.c.gridwidth=GridBagConstraints.REMAINDER;
this.c.gridx=0; 
this.c.gridy=1;
this.c.insets=new Insets(30, 10, 10, 0);
this.panneau.add(this.boutonExec, c);
 
 //placement du bouton EXIT 
this.c.weightx=1;
this.c.xeighty=0;
this.c.anchor=GridBagConstraints.LAST_LINE_START;
this.c.gridheight=1;
this.c.gridwidth=GridBagConstraints.REMAINDER;
this.c.gridx=2; // quelque soit la valeur, je n'arrive pas a le placer (en bas ) a droite..
this.c.gridy=1;
this.c.insets=new Insets(30, 10, 10, 0);
this.panneau.add(this.boutonExit, c);

22/03/2010, 17h49
laurentze
Le probleme vient de ton bouton connection.

Puls precisement du code:
Code:

1 2 this.c.gridwidth=GridBagConstraints.REMAINDER;
Ce code indique que cet objet est à la fin de la ligne.
Hors tes 2 boutons sont sur la même ligne.

Tes 2 boutons vont donc être sur la même colonne.

Remplace cette ligne par:
Code:

1 2 this.c.gridwidth=GridBagConstraints.RELATIVE;
22/03/2010, 17h56
pendoRa

Super, merci beaucoup, hélas, je n'arrive pas a le placer à l'extrême droite, il se déplace bien suivant le gridx, se place au "3/4" de la fenêtre, en fait dans mon projet, je souhaiterai placé un bouton "Connexion" au dessus d'une JList, et le bouton Exit en bas a droite, mais je n'arrive pas a visualiser la grille invisible qui découpe la fenêtre, j'aimerai déssiner sur papier le quadrillage pour pouvoir mieux placé tous ces élément, en tout cas merci Laurentze.
Peace!
22/03/2010, 18h00
laurentze

Je t'en prie.

Fais moi signe, si tu n'arrives toujours pas à résoudre ton probleme
23/03/2010, 15h31
pendoRa

Allez problème résolu, merci Laurentze et Javadoc ;)