Discussion :

[nadsky]

Bonjour,

Après lecture de plusieurs tutoriels et tests sans succès, je fais appel à votre aide.
Je suis complètement perdue avec ces problèmes de Layout et de positionnement de composants dans un JPanel.J'ai bien entendu lu la doc Java, mais les exemples proposés (et que j'ai testés) fonctionnent bien, mais pas pour mon problème.

J'ai essayé plusieurs solutions, mais j'aboutis toujours au même résultat.
Voici mon code :

Code :

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

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
 
public class FenetreSaisie extends JFrame{
	private JTextField textField;
	private JLabel label_presentation_fenetre;
	private JLabel label_entree;
	private JLabel label_sortie;
	private JTextField txtlocalPath = new JTextField(25);
	private JTextField txtSortie = new JTextField(25);
	private JTextField zone_test = new JTextField(25);
	private JTextField zone_test2 = new JTextField(25);
	private JTextField zone_test3 = new JTextField(25);
 
	public FenetreSaisie(){
		super();
 
		build();//On initialise notre fenêtre
	}
 
	//initialisation Fenetre
	private void build(){
		setTitle("Utilitaire de conversion"); //On donne un titre à l'application
		setSize(500,500); //On donne une taille à notre fenêtre
		setLocationRelativeTo(null); //On centre la fenêtre sur l'écran
		setResizable(true); //On permet le redimensionnement
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); //On dit à l'application de se fermer lors du clic sur la croix
		setLayout(null);
		setContentPane(buildContentPane());
	}
 
	private JPanel buildContentPane(){
		JPanel panel = new JPanel();
 
		label_presentation_fenetre = new JLabel("Utilitaire de conversion");
		panel.add(label_presentation_fenetre);				
 
		label_entree = new JLabel("");
		panel.add(label_entree);
 
		label_entree = new JLabel("Séléction du fichier à traduire");
		panel.add(label_entree);
 
		panel.add(txtlocalPath);
 
		//creation du bouton Parcourir afin de chercher la source
		JButton btnparcourir = new JButton("Parcourir...");	 
		btnparcourir.addActionListener(new BoutonParcourirListener());
		panel.add(btnparcourir);
 
 
		label_sortie = new JLabel("Saisir le nom du fichier XML de sortie");
		panel.add(label_sortie);
		panel.add(txtSortie);
 
		//creation du bouton Traduire ebXML vers XML
		JButton btntradsimple = new JButton("ebXML -> XML");
		btntradsimple.addActionListener(new BoutonTradSimpleListener());
		btntradsimple.setToolTipText("Traduit du ebXML vers le XML simplifié");
 
		//creation du bouton traduire XML vers ebXML
		JButton btntradcomplique = new JButton("XML -> ebXML");
		btntradcomplique.addActionListener(new BoutonTradCompliqueListener());		
		btntradcomplique.setToolTipText("Traduit du XML simplifié vers le ebXML");
 
 
		//creation d'un bouton qui sert juste pour le test
 
		JButton test = new JButton("Tessssst");
		test.addActionListener(new BoutonTestListener());		
		panel.add(zone_test);
		panel.add(test);
		panel.add(zone_test2);
		panel.add(zone_test3);
 
		panel.add(btntradsimple);
		panel.add(btntradcomplique);
 
		return panel;
	}
 
	//différents listeners pour les boutons	
 
	public static void main(String[] args) {
		//On crée une nouvelle instance de notre FenetreTexte
		FenetreSaisie fenetre = new FenetreSaisie();
		fenetre.setVisible(true);//On la rend visible
	}
 
 
	public String decoupeURL(){//blabla}
 
}//fin de la classe

J'ai mis en pièce jointe (p1) le résultat que j'obtiens.

J'aimerais modifier cette fenêtre afin d'obtenir la deuxième (pièce jointe2)

Seulement, j'ai essayé avec FlowLayout, puis sans les layout afin de positionner moi-même les composants, mais je n'aboutis à rien, j'ai toujours comme résultat cette même première fenêtre...

Pourriez-vous me donner une autre piste, s'il vous plait???

merci d'avance

[visiwi]

Salut,

L'utilisation d'un GridBagLayout (c'est pas forcément évident au tout début, mais ça vient vite) te permettra d'obtenir le résultat que tu souhaite.

Cela fonctionne en définissant un quadrillage, des cellules. Et tu utilise un objet GridBagConstraints qui te permet de paramétrer l'affichage de chaque cellule/composant. Tu utilise cet objet GridBagConstraints en ajoutant tes composants à ton panel.

C'est un layout très puissant qui peut te permettre de faire n'importe quoi. En tout cas, en plusieurs année d'utilisation, je n'ai jamais eu un cas où je n'ai pas pu réaliser l'interface avec ce layout.

[zangaloni]

Bonjour,
pourquoi ne pas utiliser un GUI-BUILDER telque "Jigloo"...tu l'installe et après tu n'a qu'à glisser les composante la ou tu veux...il génére un code très simple et facile à comprendre..

[nadsky]

Bonjour à tous,

Je reviens sur un de mes anciens posts afin de présenter un problème que je rencontre avec les gridbaglayout, en particulier sur le redimensionnement des composants lorsque l'on étire la fenêtre.

Voici mon code actuel pour la fenêtre, j'ai retiré les parties du code correspondant aux listeners de boutons, car cela ne m'intéresse pas pour l'explication de mon problème :

Code :

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

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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
 
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Rectangle;
import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
 
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFileChooser;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTextArea;
import javax.swing.JTextField;
import javax.swing.event.DocumentEvent;
import javax.swing.event.DocumentListener;
import javax.swing.filechooser.FileSystemView;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
import javax.xml.transform.OutputKeys;
import javax.xml.transform.Result;
import javax.xml.transform.Source;
import javax.xml.transform.Transformer;
import javax.xml.transform.TransformerConfigurationException;
import javax.xml.transform.TransformerException;
import javax.xml.transform.TransformerFactory;
import javax.xml.transform.stream.StreamResult;
import javax.xml.transform.stream.StreamSource;
 
import org.w3c.dom.Document;
import org.w3c.dom.Node;
import org.xml.sax.SAXException;
 
@SuppressWarnings("serial")
public class FenetreSaisie extends JFrame{
	//labels
	private JLabel label_presentation_fenetre;
	private JLabel label_entree;
	private JLabel label_sortie;
 
	//zones de texte
	private JTextField txtlocalPath = new JTextField(25);
	private JTextField txtSortie = new JTextField(25);
 
	//fichiers d'entrée et de sortie
	File inputFile;
	File outputFile;
 
	//boutons
	private JButton btnparcourir = new JButton("Parcourir...");	 
	private JButton btntradsimple = new JButton("ebXML -> XML");
	private JButton btntradcomplique = new JButton("XML -> ebXML");
	//private JButton btnZero = new JButton ("Remise à zero");
 
	//creation du panel 
	JPanel panel = new JPanel();
 
	//enumération
	private XmlType xmlType;
 
	//liste des erreurs
	private List<Error> listErrors =  new ArrayList<Error>();
 
	//JLabel pour afficher message d'erreur
	JTextArea message_erreur = new JTextArea(2,38);
 
	//Constructeur de la fenêtre
	public FenetreSaisie(){
		super();
		txtlocalPath.setEditable(false);
		inputFile = null;
		outputFile = null;
		xmlType = null;
		setTitle("Utilitaire de conversion");//On donne un titre à l'application
		setResizable(true);
 
		xmlType = null;
		build();//On initialise notre fenêtre		
 
	}
 
	//initialisation Fenetre
	private void build(){
		setSize(450,225); //On donne une taille à notre fenêtre
		setLocationRelativeTo(null); //On centre la fenêtre sur l'écran
		setResizable(true); //On permet le redimensionnement
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); //On dit à l'application de se fermer lors du clic sur la croix
		setContentPane(buildContentPane());
	}
 
	private JPanel buildContentPane(){
 
		//affectation du Layout GridBagLayout au panel
		panel.setLayout(new GridBagLayout());
 
 
		//création des composants
		label_presentation_fenetre = new JLabel("Utilitaire de conversion");
			//creation du bouton Parcourir afin de chercher la source
		btnparcourir.addActionListener(new BoutonParcourirListener());
		btnparcourir.setFocusable(false);
 
			//creation de labels pour informer l'utilisateur
		label_entree = new JLabel("Fichier à traduire");
		label_sortie = new JLabel("Saisir le nom du fichier XML de sortie");
 
 
			//creation du bouton Traduire ebXML vers XML
		btntradsimple.addActionListener(new BoutonTradSimpleListener());
		btntradsimple.setToolTipText("Traduit du ebXML vers le XML simplifié");	
 
			//creation du bouton traduire XML vers ebXML
		btntradcomplique.addActionListener(new BoutonTradCompliqueListener());		
		btntradcomplique.setToolTipText("Traduit du XML simplifié vers le ebXML");		
 
 
		//Ajout des composants en spécifiant les contraintes
		 GridBagConstraints gbc = new GridBagConstraints();        
 
        panel.setPreferredSize(getPreferredSize());
 
        message_erreur.setEditable(false);
        message_erreur.setBorder(BorderFactory.createEtchedBorder());
 
        gbc.gridx =0;
        gbc.gridy = 0;
        gbc.gridwidth = 0;
        gbc.gridheight = 1;       	
        gbc.anchor = GridBagConstraints.BASELINE_LEADING;
        gbc.fill = GridBagConstraints.CENTER;
        panel.add(message_erreur,gbc);
 
        gbc.gridx =0;
        gbc.gridy = 1;
        gbc.gridwidth = 10;
        gbc.gridheight = 1;       	
        gbc.anchor = GridBagConstraints.NORTH;
        gbc.fill = GridBagConstraints.CENTER;
        panel.add(label_presentation_fenetre, gbc);
 
        gbc.gridx = 0;
        gbc.gridy = 2;        
        gbc.gridwidth =10 ;
        gbc.gridheight =1; 
        gbc.anchor = GridBagConstraints.CENTER;
        gbc.fill = GridBagConstraints.HORIZONTAL;
        panel.add(label_entree, gbc);
 
        gbc.gridx = 0;
        gbc.gridy = 3;        
        gbc.gridwidth = 1;
        gbc.gridheight = 1;
        gbc.anchor = GridBagConstraints.WEST;
        gbc.fill = GridBagConstraints.NONE;
        panel.add(txtlocalPath, gbc);
 
        gbc.gridx = 3;
        gbc.gridy = 3;
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        gbc.gridheight = 1;
        gbc.anchor = GridBagConstraints.BASELINE_LEADING;
        gbc.fill = GridBagConstraints.HORIZONTAL;
        panel.add(btnparcourir, gbc);        
 
        gbc.gridx = 0;
        gbc.gridy = 4;
        gbc.gridwidth = 1;
        gbc.gridheight =1;
        gbc.anchor = GridBagConstraints.BASELINE_LEADING;
        gbc.fill = GridBagConstraints.NONE;
        panel.add(label_sortie, gbc);  
 
        gbc.gridx = 0;
        gbc.gridy = 5;
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        gbc.gridheight = 1;
        gbc.anchor = GridBagConstraints.BASELINE_LEADING;
        gbc.fill = GridBagConstraints.NONE;
        panel.add(txtSortie, gbc);
 
        gbc.gridx = 0;
        gbc.gridy = 6;         
        gbc.gridwidth = 1;
        gbc.gridheight =1;
        gbc.anchor = GridBagConstraints.BASELINE_LEADING;
        gbc.fill = GridBagConstraints.NONE;
        panel.add(btntradsimple, gbc);
 
        gbc.gridx = 3;
        gbc.gridy = 6;
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        gbc.gridheight = 1;
        gbc.anchor = GridBagConstraints.BASELINE_LEADING;
        gbc.fill = GridBagConstraints.NONE;
        panel.add(btntradcomplique, gbc);   
 
      //DocumentListener rajouté pour les zones de texte entrée et sortie
		txtlocalPath.getDocument().addDocumentListener(new DocumentListener() {
			@Override
			public void changedUpdate(DocumentEvent e) {
				VerifAll();
			}
 
			@Override
			public void insertUpdate(DocumentEvent e) {
				VerifAll();
			}
			@Override
			public void removeUpdate(DocumentEvent e) {
				VerifAll();
			}
		});
 
		txtSortie.getDocument().addDocumentListener(new DocumentListener() {
			@Override
			public void changedUpdate(DocumentEvent e) {
				VerifAll();
			}
			@Override
			public void insertUpdate(DocumentEvent e) {
				VerifAll();
			}
			@Override
			public void removeUpdate(DocumentEvent e) {
				VerifAll();
			}
		});
		//fin des DocumentListener        
 
 
        btntradsimple.setEnabled(false);
        btntradcomplique.setEnabled(false);
 
        return panel;
	}
 
 
	public static void main(String[] args) {
		//On crée une nouvelle instance de notre FenetreTexte
		FenetreSaisie fenetre = new FenetreSaisie();
		fenetre.setVisible(true);//On la rend visible
	}
}//fin de la classe

Lorsque j'étire ma fenêtre, mes composants de s'ajustent pas à la taille de celle-ci...dois-je utiliser la méthode setSize pour la fenêtre ou pour chaque composant?est-ce la bonne méthode à utiliser?

je vous remercie vivement pour votre aide

[william44290]

pour que le composant plus petit que la cellule le remplisse complétement il faut un fill=1

[visiwi]

Salut nadsky,

dois-je utiliser la méthode setSize pour la fenêtre ou pour chaque composant?est-ce la bonne méthode à utiliser?

Tu dois utiliser les paramètres de GridBagContrainst pour parvenir à tes fins.
Mais ce sera tout laid si tu redimensionne ta fenêtre, car ce genre de dialogue n'est pas fait pour occuper l'espace de l'écran.
Pour ce genre de fenêtre, en général, on fait un pack() pour la dimensionner "au plus juste" suivant les composants du container et un setResizable(false) pour empêcher le redim. Tu peux aussi (s'il y a une fenêtre mère derrière) hérité d'un JDialog plutôt que JFrame ce qui permet de la rendre modal avec setModalityType(...) ou quelque chose du genre.

[fr1man]

Il faut utiliser un gbc.fill comme tu l'as fait.
Sauf qu'il faut utiliser les bonnes valeurs: BOTH, HORIZONTAL ou VERTICAL

Il y a peut-être autre chose, mais j'avoue ne pas avoir regardé en détails.