Bouger une image dans un panel

**yonafunu** · 16/09/2015, 20h55

Bonjour à tous,

Je me mets à la programmation sous Java pour réaliser un petit soft permettant d'obtenir le champ apparent d'un téléscope (cadre rouge). Ce cadre est tout simplement un png qui est superposé à l'image de fond dans un Jpanel.

Mon code principal

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
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package introduction;
 
import java.awt.Color;
import javax.swing.ImageIcon;
import javax.swing.JLabel;
import javax.swing.OverlayLayout;
 
 
/**
 *
 * @author jdurand
 */
public class mainWindows extends javax.swing.JFrame {
 
    /**
     * Creates new form mainWindows
     */
    public mainWindows() {
        initComponents();
    }
 
    /**
     * 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.
     */
    @SuppressWarnings("unchecked")
    // <editor-fold defaultstate="collapsed" desc="Generated Code">                          
    private void initComponents() {
 
        jPanel2 = new javax.swing.JPanel();
        jPanel1 = new javax.swing.JPanel();
        focaleTfd = new javax.swing.JTextField();
        pixelTfd = new javax.swing.JTextField();
        validerBtn = new javax.swing.JButton();
        resultatEchLbl = new javax.swing.JLabel();
        jPanel3 = new javax.swing.JPanel();
        afficherBtn = new javax.swing.JButton();
        imagePnl = new javax.swing.JPanel();
 
        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setBackground(new java.awt.Color(255, 255, 255));
        setMaximumSize(new java.awt.Dimension(1400, 1400));
        setPreferredSize(new java.awt.Dimension(1400, 1400));
 
        jPanel2.setBackground(new java.awt.Color(102, 102, 102));
        jPanel2.setPreferredSize(new java.awt.Dimension(1500, 1280));
 
        jPanel1.setBackground(new java.awt.Color(102, 102, 102));
        jPanel1.setBorder(javax.swing.BorderFactory.createTitledBorder(javax.swing.BorderFactory.createTitledBorder(null, "", javax.swing.border.TitledBorder.DEFAULT_JUSTIFICATION, javax.swing.border.TitledBorder.DEFAULT_POSITION, new java.awt.Font("Lucida Grande", 0, 13), new java.awt.Color(255, 0, 51)), "Echantillonnage", javax.swing.border.TitledBorder.DEFAULT_JUSTIFICATION, javax.swing.border.TitledBorder.DEFAULT_POSITION, new java.awt.Font("Lucida Grande", 1, 13), new java.awt.Color(255, 255, 255))); // NOI18N
 
        focaleTfd.setText("Focale");
        focaleTfd.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                focaleTfdMouseClicked(evt);
            }
        });
 
        pixelTfd.setText("Pixel");
        pixelTfd.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                pixelTfdMouseClicked(evt);
            }
        });
 
        validerBtn.setText("Valider");
        validerBtn.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                validerBtnActionPerformed(evt);
            }
        });
 
        resultatEchLbl.setBackground(new java.awt.Color(255, 255, 255));
        resultatEchLbl.setFont(new java.awt.Font("Lucida Grande", 1, 14)); // NOI18N
        resultatEchLbl.setOpaque(true);
 
        javax.swing.GroupLayout jPanel1Layout = new javax.swing.GroupLayout(jPanel1);
        jPanel1.setLayout(jPanel1Layout);
        jPanel1Layout.setHorizontalGroup(
            jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(jPanel1Layout.createSequentialGroup()
                .addContainerGap()
                .addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING, false)
                    .addComponent(focaleTfd, javax.swing.GroupLayout.DEFAULT_SIZE, 75, Short.MAX_VALUE)
                    .addComponent(pixelTfd))
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED, 24, Short.MAX_VALUE)
                .addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.CENTER)
                    .addComponent(validerBtn, javax.swing.GroupLayout.PREFERRED_SIZE, 76, javax.swing.GroupLayout.PREFERRED_SIZE)
                    .addComponent(resultatEchLbl, javax.swing.GroupLayout.PREFERRED_SIZE, 70, javax.swing.GroupLayout.PREFERRED_SIZE))
                .addGap(17, 17, 17))
        );
        jPanel1Layout.setVerticalGroup(
            jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(jPanel1Layout.createSequentialGroup()
                .addContainerGap()
                .addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
                    .addComponent(focaleTfd, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)
                    .addComponent(validerBtn))
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                .addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING, false)
                    .addComponent(pixelTfd)
                    .addComponent(resultatEchLbl, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE))
                .addContainerGap(15, Short.MAX_VALUE))
        );
 
        jPanel3.setBackground(new java.awt.Color(102, 102, 102));
        jPanel3.setBorder(javax.swing.BorderFactory.createTitledBorder(null, "Image", javax.swing.border.TitledBorder.DEFAULT_JUSTIFICATION, javax.swing.border.TitledBorder.DEFAULT_POSITION, new java.awt.Font("Lucida Grande", 1, 13), new java.awt.Color(255, 255, 255))); // NOI18N
        jPanel3.setForeground(new java.awt.Color(255, 255, 255));
 
        afficherBtn.setText("Afficher");
        afficherBtn.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                afficherBtnActionPerformed(evt);
            }
        });
 
        javax.swing.GroupLayout jPanel3Layout = new javax.swing.GroupLayout(jPanel3);
        jPanel3.setLayout(jPanel3Layout);
        jPanel3Layout.setHorizontalGroup(
            jPanel3Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(jPanel3Layout.createSequentialGroup()
                .addGap(47, 47, 47)
                .addComponent(afficherBtn)
                .addContainerGap(javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE))
        );
        jPanel3Layout.setVerticalGroup(
            jPanel3Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(jPanel3Layout.createSequentialGroup()
                .addGap(36, 36, 36)
                .addComponent(afficherBtn)
                .addContainerGap(45, Short.MAX_VALUE))
        );
 
        imagePnl.setBounds(new java.awt.Rectangle(0, 0, 1200, 1200));
        imagePnl.setOpaque(false);
        imagePnl.setPreferredSize(new java.awt.Dimension(1200, 1200));
 
        javax.swing.GroupLayout imagePnlLayout = new javax.swing.GroupLayout(imagePnl);
        imagePnl.setLayout(imagePnlLayout);
        imagePnlLayout.setHorizontalGroup(
            imagePnlLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGap(0, 1200, Short.MAX_VALUE)
        );
        imagePnlLayout.setVerticalGroup(
            imagePnlLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGap(0, 1200, Short.MAX_VALUE)
        );
 
        javax.swing.GroupLayout jPanel2Layout = new javax.swing.GroupLayout(jPanel2);
        jPanel2.setLayout(jPanel2Layout);
        jPanel2Layout.setHorizontalGroup(
            jPanel2Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(jPanel2Layout.createSequentialGroup()
                .addContainerGap()
                .addGroup(jPanel2Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAILING, false)
                    .addComponent(jPanel3, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
                    .addComponent(jPanel1, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE))
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED, 24, Short.MAX_VALUE)
                .addComponent(imagePnl, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))
        );
        jPanel2Layout.setVerticalGroup(
            jPanel2Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(jPanel2Layout.createSequentialGroup()
                .addContainerGap()
                .addGroup(jPanel2Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                    .addComponent(imagePnl, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)
                    .addGroup(jPanel2Layout.createSequentialGroup()
                        .addComponent(jPanel1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)
                        .addGap(18, 18, 18)
                        .addComponent(jPanel3, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)))
                .addContainerGap(74, Short.MAX_VALUE))
        );
 
        javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
        getContentPane().setLayout(layout);
        layout.setHorizontalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addComponent(jPanel2, javax.swing.GroupLayout.DEFAULT_SIZE, 1436, Short.MAX_VALUE)
        );
        layout.setVerticalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addComponent(jPanel2, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
        );
 
        pack();
    }// </editor-fold>                        
 
    private void validerBtnActionPerformed(java.awt.event.ActionEvent evt) {                                           
        // TODO add your handling code here:
        double focale = Double.parseDouble(focaleTfd.getText());
        double pixel = Double.parseDouble(pixelTfd.getText());
        double ech = 206 * pixel/focale;
        String echD = String.valueOf(ech);
        resultatEchLbl.setText(echD);
 
        if (ech < 1.0 || ech > 3.0) {
            resultatEchLbl.setBackground(Color.red);
        }
        else {
            resultatEchLbl.setBackground(Color.green);
        }
    }                                          
 
    private void focaleTfdMouseClicked(java.awt.event.MouseEvent evt) {                                       
        // TODO add your handling code here:
        focaleTfd.setText("");
    }                                      
 
    private void pixelTfdMouseClicked(java.awt.event.MouseEvent evt) {                                      
        // TODO add your handling code here:
        pixelTfd.setText("");
 
    }                                     
 
    private void afficherBtnActionPerformed(java.awt.event.ActionEvent evt) {                                            
        // TODO add your handling code here:
        imagePnl.setLayout(new OverlayLayout(imagePnl));
        JLabel lab = new JLabel(new ImageIcon("../../Documents/imagejava/M1.gif")); 
        JLabel cadre = new JLabel(new ImageIcon("../../Documents/imagejava/cadre.png")); 
        MouseMoveScale myRect = new MouseMoveScale();
        imagePnl.setSize(300, 300);
        imagePnl.setVisible(true);
    //    lab.setBounds(0, 0, 1200,1200); 
    //    cadre.setBounds(-600, -600, 2400,2400); 
    //    imagePnl.add(cadre);
        imagePnl.add(myRect);
    //    imagePnl.add(lab);
        imagePnl.repaint();
    //  ImageIcon image = new ImageIcon("../../Documents/imagejava/M1.gif");
    //  JPanel imagePnl= new JPanel();
 
    }                                           
 
 
 
    /**
     * @param args the command line arguments
     */
    public static void main(String args[]) {
        /* Set the Nimbus look and feel */
        //<editor-fold defaultstate="collapsed" desc=" Look and feel setting code (optional) ">
        /* If Nimbus (introduced in Java SE 6) is not available, stay with the default look and feel.
         * For details see http://download.oracle.com/javase/tutorial/uiswing/lookandfeel/plaf.html 
         */
        try {
            for (javax.swing.UIManager.LookAndFeelInfo info : javax.swing.UIManager.getInstalledLookAndFeels()) {
                if ("Windows".equals(info.getName())) {
                    javax.swing.UIManager.setLookAndFeel(info.getClassName());
                    break;
                }
            }
        } catch (ClassNotFoundException ex) {
            java.util.logging.Logger.getLogger(mainWindows.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (InstantiationException ex) {
            java.util.logging.Logger.getLogger(mainWindows.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (IllegalAccessException ex) {
            java.util.logging.Logger.getLogger(mainWindows.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (javax.swing.UnsupportedLookAndFeelException ex) {
            java.util.logging.Logger.getLogger(mainWindows.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        }
        //</editor-fold>
 
        /* Create and display the form */
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new mainWindows().setVisible(true);
            }
        });
 
    }
 
    // Variables declaration - do not modify                     
    private javax.swing.JButton afficherBtn;
    private javax.swing.JTextField focaleTfd;
    private javax.swing.JPanel imagePnl;
    private javax.swing.JPanel jPanel1;
    private javax.swing.JPanel jPanel2;
    private javax.swing.JPanel jPanel3;
    private javax.swing.JTextField pixelTfd;
    private javax.swing.JLabel resultatEchLbl;
    private javax.swing.JButton validerBtn;
    // End of variables declaration                   
}

Ma classe permettant de faire un drag d'un rectangle.

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
/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package introduction;
 
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseWheelEvent;
import java.awt.event.MouseWheelListener;
import java.awt.geom.Rectangle2D;
import javax.swing.JPanel;
 
/**
 *
 * @author jdurand
 */
public class MouseMoveScale extends JPanel {
  public Rectangle2D.Float myRect = new Rectangle2D.Float(1000, 1000, 200, 200);
 
  MovingAdapter ma = new MovingAdapter();
 
  public MouseMoveScale() {
    addMouseMotionListener(ma);
    addMouseListener(ma);
    addMouseWheelListener(new ScaleHandler());
  }
 
  public void paint(Graphics g) {
    super.paint(g);
 
    Graphics2D g2d = (Graphics2D) g;
 
    g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
    g2d.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING,
        RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
 
    g2d.setColor(new Color(0, 0, 200));
    g2d.fill(myRect);
  }
 
  class MovingAdapter extends MouseAdapter {
 
    private int x;
 
    private int y;
 
    public void mousePressed(MouseEvent e) {
      x = e.getX();
      y = e.getY();
    }
 
    public void mouseDragged(MouseEvent e) {
 
      int dx = e.getX() - x;
      int dy = e.getY() - y;
 
      if (myRect.getBounds2D().contains(x, y)) {
        myRect.x += dx;
        myRect.y += dy;
        repaint();
      }
      x += dx;
      y += dy;
    }
  }
 
  class ScaleHandler implements MouseWheelListener {
    public void mouseWheelMoved(MouseWheelEvent e) {
 
      int x = e.getX();
      int y = e.getY();
 
      if (e.getScrollType() == MouseWheelEvent.WHEEL_UNIT_SCROLL) {
 
        if (myRect.getBounds2D().contains(x, y)) {
          float amount = e.getWheelRotation() * 5f;
          myRect.width += amount;
          myRect.height += amount;
          repaint();
        }
      }
    }
  }
}

Cette dernière est censée me dessiner un rectangle plein (qui me sert de test pour cette methode, j'essaierai par la suite de l'adapter à mon cadre rouge). Or dans ma classe principale, impossible de faire apparaitre ce rectangle draggable dans mon panel imagePnl (panel où sont affichées les images).

Avez-vous une idée de pourquoi le rectangle n'apparait pas ?

En vous remerciant par avance...

**joel.drigo** · 17/09/2015, 00h23

Salut,

Je pense que le problème vient du fait que le rectangle que tu dessines est new Rectangle2D.Float(1000, 1000, 200, 200); et que le panel dans lequel il est placé en overlay est trop petit (de taille inférieure à 1000x1000) pour qu'on voit ce rectangle. Tu forces la taille de ce panel à 300x300, mais il peut probable que cela ait un effet, puisque ce panel se trouve dans un groupLayout.

Les coordonnées dans le contexte graphique d'un composant ont pour origine le coin haut gauche du composant (essaye juste de faire setBackground(new Color(0,0,200); dans le constructeur de MouseMoveScale pour voir...) ;
setSize() ne doit jamais être utilisé pour un composant se trouvant dans un container ayant un layout manager. Le gestionnaire d'agencement est là justement pour déterminer les positions et dimensions des composants qui se trouve dans le conteneur auquel il est affecté : pour faire ça, il utilise la méthode setBounds(), qui équivaut au couple setLocation()/setSize(). Autrement dit : toutes les invocations de setSize() que tu peux faire sont caduques parce que remplacées par les invocations faites par le layout manager.

**yonafunu** · 17/09/2015, 11h10

Merci de ta réponse joel.drigo,

J'ai tenté un set.background, je ne vois toujours pas le moindre changement, pas de rectangle ou de zone apparaissant.

Ce qui me surprend un peu, c'est que je suis incapable de dessiner le moindre rectangle sur le panel imagePnl (qui a une taille de 1200x1200).

**joel.drigo** · 17/09/2015, 12h03

Il manque un revalidate() avant imagePnl.repaint(); dans afficherBtnActionPerformed, pour forcer le layout du MouseMoveScale dans imagePnl. Mais ce n'est pas le seul problème. Je ne sais pas exactement ce que tu cherches à faire, mais il y a plusieurs choses qui ne vont pas : à chaque fois qu'on clique le bouton "Afficher", on ajoute un overlay : c'est normal ?
La taille en dur de 1200x1200, c'est gênant : tu ne peux pas savoir que le l'écran affiche cette résolution (le mien et en 1280x1024 par exemple, et comme il y a un panel à gauche, ça dépasse à droite sur mon deuxième écran !). Puis tu changes sa taille à 300x300 sans valider (donc inule d'attendre de voir un rectangle de coordonnées 1000,1000) : ce setSize a bien un effet immédiat sur la taille de imagePnl, qui se rétrécit, jusqu'à qu'il y ait une validation implicite, et là ça repasse à 1200x1200 (et l'overlay devient visible (mais vide et transparent, donc tu ne le vois pas évidemment)).