Choix du layout

**delma** · 25/09/2006, 20h46

Hello les gars!

Et bien ma quesition est simple. Je dois faire un logiciel permettant de gérer une étude de marché. Je me retrouve donc avec une quantité d'interface graphique. Je me demande donc quel type de layout utiliser. J'utilise NetBeans et pour aller plus vite, j'utilise l'éditeur graphique pour créer mes interfaces. Le problème est que je dois modifier le layout en fonction des choix de l'utilisateur. J'ai fait des essais avec le FreeLayout et l'AbsoluteLayout, mais ca devient vite galère...

Des avis?

**Baptiste Wicht** · 25/09/2006, 20h49

Envoyé par delma

Hello les gars!

Et bien ma quesition est simple. Je dois faire un logiciel permettant de gérer une étude de marché. Je me retrouve donc avec une quantité d'interface graphique. Je me demande donc quel type de layout utiliser. J'utilise NetBeans et pour aller plus vite, j'utilise l'éditeur graphique pour créer mes interfaces. Le problème est que je dois modifier le layout en fonction des choix de l'utilisateur. J'ai fait des essais avec le FreeLayout et l'AbsoluteLayout, mais ca devient vite galère...

Des avis?

Si tu veut énormement de possibilités tu peut regarder le GridBagLayout, par contre, c'est pas facile du tout à comprendre au départ. Sinon, je te conseille le FormLayout de JGoodies, qui permet énormément de choses et qui est assez simple à utiliser.

**delma** · 25/09/2006, 21h41

Merci pour t'as réponse. Mais le JGoodies ne peut être utiliser avec l'interface graphique "Design" que j'utilise sous NetBeans pour créer mes fenêtre?? Je suis un peu à la rue la. Pour le gridbacklayout aussi, je n'arrive rien à faire avec le "design" sous NetBeans...

Le truc c'est que je dois faire bcp de fenetre graphique en très peu de temps, donc partir de zéro en codant tout risque de me prendre trop de temps...

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
253
254
255
256
257
258
259
260
261
262
263
/*
 * Ihm_creation_questionnaire.java
 *
 * Created on 25. septembre 2006, 20:33
 */
 
package ihm;
 
import javax.swing.JFrame;
 
/**
 *
 * @author  Binou
 */
public class Ihm_creation_questionnaire extends javax.swing.JFrame {
 
    /** Creates new form Ihm_creation_questionnaire */
    public Ihm_creation_questionnaire() {
        initComponents();
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        pack();
        setVisible(true);
    }
 
    /** This method is called from within the constructor to
     * initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is
     * always regenerated by the Form Editor.
     */
    // <editor-fold defaultstate="collapsed" desc=" Generated Code ">
    private void initComponents() {
        buttonGroup1 = new javax.swing.ButtonGroup();
        jLabel1 = new javax.swing.JLabel();
        jScrollPane1 = new javax.swing.JScrollPane();
        jTextArea1 = new javax.swing.JTextArea();
        jLabel2 = new javax.swing.JLabel();
        jTextField1 = new javax.swing.JTextField();
        jPanel1 = new javax.swing.JPanel();
        jRadioButton1 = new javax.swing.JRadioButton();
        jRadioButton2 = new javax.swing.JRadioButton();
        jRadioButton3 = new javax.swing.JRadioButton();
        jButton1 = new javax.swing.JButton();
        jButton2 = new javax.swing.JButton();
        jButton3 = new javax.swing.JButton();
        jButton4 = new javax.swing.JButton();
        jScrollPane2 = new javax.swing.JScrollPane();
        jTextArea2 = new javax.swing.JTextArea();
        jLabel3 = new javax.swing.JLabel();
        jLabel4 = new javax.swing.JLabel();
        jLabel5 = new javax.swing.JLabel();
        jPanel2 = new javax.swing.JPanel();
        jRadioButton4 = new javax.swing.JRadioButton();
        jRadioButton5 = new javax.swing.JRadioButton();
        jRadioButton6 = new javax.swing.JRadioButton();
        jLabel6 = new javax.swing.JLabel();
 
        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        jLabel1.setText("Libell\u00e9");
 
        jTextArea1.setColumns(20);
        jTextArea1.setRows(5);
        jTextArea1.setBorder(javax.swing.BorderFactory.createEtchedBorder());
        jScrollPane1.setViewportView(jTextArea1);
 
        jLabel2.setText("Variable");
 
        jPanel1.setBorder(javax.swing.BorderFactory.createEtchedBorder());
        jRadioButton1.setText("ferm\u00e9e (unique)");
        jRadioButton1.setBorder(javax.swing.BorderFactory.createEmptyBorder(0, 0, 0, 0));
        jRadioButton1.setMargin(new java.awt.Insets(0, 0, 0, 0));
 
        jRadioButton2.setText("Ferm\u00e9e (multiple)");
        jRadioButton2.setBorder(javax.swing.BorderFactory.createEmptyBorder(0, 0, 0, 0));
        jRadioButton2.setMargin(new java.awt.Insets(0, 0, 0, 0));
 
        jRadioButton3.setText("Ouverte");
        jRadioButton3.setBorder(javax.swing.BorderFactory.createEmptyBorder(0, 0, 0, 0));
        jRadioButton3.setMargin(new java.awt.Insets(0, 0, 0, 0));
 
        org.jdesktop.layout.GroupLayout jPanel1Layout = new org.jdesktop.layout.GroupLayout(jPanel1);
        jPanel1.setLayout(jPanel1Layout);
        jPanel1Layout.setHorizontalGroup(
            jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
            .add(jPanel1Layout.createSequentialGroup()
                .addContainerGap()
                .add(jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
                    .add(jRadioButton2)
                    .add(jRadioButton3)
                    .add(jRadioButton1))
                .addContainerGap(16, Short.MAX_VALUE))
        );
        jPanel1Layout.setVerticalGroup(
            jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
            .add(jPanel1Layout.createSequentialGroup()
                .addContainerGap()
                .add(jRadioButton1)
                .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                .add(jRadioButton2)
                .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                .add(jRadioButton3)
                .addContainerGap(org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE))
        );
 
        jButton1.setText("Biblioth\u00e8que");
 
        jButton2.setText("Ok");
 
        jButton3.setText("Nouvelle question");
 
        jButton4.setText("Annuler");
 
        jTextArea2.setColumns(20);
        jTextArea2.setRows(5);
        jScrollPane2.setViewportView(jTextArea2);
 
        jLabel3.setText("Modalit\u00e9s");
 
        jLabel4.setText("Type de question");
 
        jLabel5.setText("Type d'analyse");
 
        jPanel2.setBorder(javax.swing.BorderFactory.createEtchedBorder());
        jRadioButton4.setText("Addition");
        jRadioButton4.setBorder(javax.swing.BorderFactory.createEmptyBorder(0, 0, 0, 0));
        jRadioButton4.setMargin(new java.awt.Insets(0, 0, 0, 0));
 
        jRadioButton5.setText("Pour-cent");
        jRadioButton5.setBorder(javax.swing.BorderFactory.createEmptyBorder(0, 0, 0, 0));
        jRadioButton5.setMargin(new java.awt.Insets(0, 0, 0, 0));
 
        jRadioButton6.setText("Moyenne");
        jRadioButton6.setBorder(javax.swing.BorderFactory.createEmptyBorder(0, 0, 0, 0));
        jRadioButton6.setMargin(new java.awt.Insets(0, 0, 0, 0));
 
        org.jdesktop.layout.GroupLayout jPanel2Layout = new org.jdesktop.layout.GroupLayout(jPanel2);
        jPanel2.setLayout(jPanel2Layout);
        jPanel2Layout.setHorizontalGroup(
            jPanel2Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
            .add(jPanel2Layout.createSequentialGroup()
                .addContainerGap()
                .add(jPanel2Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
                    .add(jRadioButton5)
                    .add(jRadioButton6)
                    .add(jRadioButton4))
                .addContainerGap(64, Short.MAX_VALUE))
        );
        jPanel2Layout.setVerticalGroup(
            jPanel2Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
            .add(jPanel2Layout.createSequentialGroup()
                .addContainerGap()
                .add(jRadioButton4)
                .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                .add(jRadioButton5)
                .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                .add(jRadioButton6)
                .addContainerGap(org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE))
        );
 
        jLabel6.setText("jLabel6");
 
        org.jdesktop.layout.GroupLayout layout = new org.jdesktop.layout.GroupLayout(getContentPane());
        getContentPane().setLayout(layout);
        layout.setHorizontalGroup(
            layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
            .add(layout.createSequentialGroup()
                .addContainerGap()
                .add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
                    .add(jScrollPane1, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, 809, Short.MAX_VALUE)
                    .add(jLabel1)
                    .add(org.jdesktop.layout.GroupLayout.TRAILING, layout.createSequentialGroup()
                        .add(jButton3)
                        .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                        .add(jButton2)
                        .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                        .add(jButton4))
                    .add(layout.createSequentialGroup()
                        .add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING, false)
                            .add(jPanel1, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
                            .add(jLabel4)
                            .add(jLabel5)
                            .add(jLabel2)
                            .add(jPanel2, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
                            .add(jTextField1))
                        .add(88, 88, 88)
                        .add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
                            .add(org.jdesktop.layout.GroupLayout.TRAILING, layout.createSequentialGroup()
                                .add(jLabel3)
                                .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED, 411, Short.MAX_VALUE)
                                .add(jButton1))
                            .add(org.jdesktop.layout.GroupLayout.TRAILING, jScrollPane2, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, 566, Short.MAX_VALUE)
                            .add(jLabel6, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, 566, Short.MAX_VALUE))))
                .addContainerGap())
        );
        layout.setVerticalGroup(
            layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
            .add(layout.createSequentialGroup()
                .addContainerGap()
                .add(jLabel1)
                .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                .add(jScrollPane1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 126, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
                .add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
                    .add(layout.createSequentialGroup()
                        .add(29, 29, 29)
                        .add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.BASELINE)
                            .add(jLabel2)
                            .add(jLabel3)))
                    .add(layout.createSequentialGroup()
                        .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                        .add(jButton1)))
                .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                .add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.TRAILING, false)
                    .add(layout.createSequentialGroup()
                        .add(jTextField1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 33, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
                        .add(12, 12, 12)
                        .add(jLabel4)
                        .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                        .add(jPanel1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
                        .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                        .add(jLabel5)
                        .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED)
                        .add(jPanel2, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE))
                    .add(jScrollPane2))
                .add(25, 25, 25)
                .add(jLabel6, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 54, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
                .addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED, 17, Short.MAX_VALUE)
                .add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.BASELINE)
                    .add(jButton4)
                    .add(jButton2)
                    .add(jButton3))
                .addContainerGap())
        );
        pack();
    }// </editor-fold>
 
 
    // Variables declaration - do not modify
    private javax.swing.ButtonGroup buttonGroup1;
    private javax.swing.JButton jButton1;
    private javax.swing.JButton jButton2;
    private javax.swing.JButton jButton3;
    private javax.swing.JButton jButton4;
    private javax.swing.JLabel jLabel1;
    private javax.swing.JLabel jLabel2;
    private javax.swing.JLabel jLabel3;
    private javax.swing.JLabel jLabel4;
    private javax.swing.JLabel jLabel5;
    private javax.swing.JLabel jLabel6;
    private javax.swing.JPanel jPanel1;
    private javax.swing.JPanel jPanel2;
    private javax.swing.JRadioButton jRadioButton1;
    private javax.swing.JRadioButton jRadioButton2;
    private javax.swing.JRadioButton jRadioButton3;
    private javax.swing.JRadioButton jRadioButton4;
    private javax.swing.JRadioButton jRadioButton5;
    private javax.swing.JRadioButton jRadioButton6;
    private javax.swing.JScrollPane jScrollPane1;
    private javax.swing.JScrollPane jScrollPane2;
    private javax.swing.JTextArea jTextArea1;
    private javax.swing.JTextArea jTextArea2;
    private javax.swing.JTextField jTextField1;
    // End of variables declaration
 
}

Mon interface graphique me convient tel qu'elle est faite grâce au code ci-dessus, mais le problème ce que je vais devoir ajouter des composants en fonction du choix de l'utilisateur et la je dois donc modifier le code. Mais le positionnement qui est utiliser ci-dessus est difficilement compréhensif...

Je suis un peu perdu la...

**bbclone** · 25/09/2006, 22h29

c'est sur, le GroupLayout utiliser par Matisse est vraiment INCOMPREHENSIBLE. J'ai trouver tres peu de ressource qui explique comment il fonctionne...

Comme la dit wichtounet -> GridBagLayout

**sinok** · 26/09/2006, 00h03

Ou si tu veux faire avec le FormLayout tu peux utiliser d'autres designers comme abeille form designer (gratuit) ou JFormDesigner (payant mais super bien foutu)

**spekal** · 26/09/2006, 08h28

Si je puis me permettre, il me semble que tu ne pars pas avec une bonne approche.

Je dois modifier le layout en fonction des choix de l'utilisateur, dis-tu... non, certainement pas. Ou tu n'as pas compris ce qu'était le layout, ou tu n'as pas assez réfléchi à ce que voulait l'utilisateur.

D'abord, ce qu'est un layout. Un layout est une règle de disposition sur un plan. Ce n'est pas la disposition elle même, c'est juste la règle. Cette règle vient des rapports entre les objets que l'on veut placer sur le plan. (et de la place disponible).

Par exemple, le libellé d'un champ doit rester proche et visuellement associé au champ lui même. Il y a un rapport entre libellé et champ qui doit s'exprimer dans une règle. Pour l'exprimer dans une disposition ou layout, je peux proposer que libellé et champ sont dans un panneau divisé en deux, le libellé à gauche et le champ à droite (idée stupide, c'est juste pour l'exemple).

Ensuite, l'utilisateur ne fait pas des choix dans l'infini de l'espace intersidéral, mais seulement dans le cadre de ce qu'il comprend, intuitivement, de ce qu'il manipule. (On parle d'ailleurs d'interface utilisateur intuitive). A toi d'exprimer ces règles, avec son aide si possible, de la façon la plus générale possible. De là tu découvriras le layout qui couvre "tous" les choix utilisateurs.

Maintenant c'est plus difficile à faire qu'à dire.

Pour continuer, mon avis est que, au lieu de nous parler d'examiner quantité de layouts et d'exploits techniques, tu ferais mieux de nous parler de ton utilisateur et de la façon dont il voit les choses, et de le sortir de ton espace intersidéral de la pensée dans lequel tu l'as maladroitement placé.

Choix du layout

AWT/Swing Java

Vue hybride

Discussions similaires

Partager

Partager