Ajouter une image + translation

**Eausport** · 14/06/2012, 16h06

Salut à tous ,

J'ai crée une classe qui permet d'ajouter une image dans une JFrame , mais là , je veux faire des translations ( gauche , droite , haut , bas ) , sur mon image mais je bloque , habituer a le faire sur visual basic , mais avec java , je suis un peu perdu .

Voila ma class qui me permet d'ajouter une image ( si vous avez une autre solution je suis preneur )

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
import java.awt.Graphics;
import java.awt.Image;
import javax.swing.JPanel;
 
 
public class JImagePanel extends JPanel {
 
    private Image image = null;
    private Boolean stretch = true;
 
 
    public JImagePanel(Image image) {
        this.image = image;
    }
 
 
    public JImagePanel(String file) {
        this.image = getToolkit().getImage(file);
    }
 
 
    public void setStretch(Boolean stretch) {
        this.stretch = stretch;
    }
 
    /**
     * Surcharger le dessin du composant
     * @param g canvas
     */
    protected void paintComponent(Graphics g) {
        int x = 0;
        int y = 0;
        int width = 0;
        int height = 0;
 
        if (this.stretch) {
            width = this.getWidth();
            height = this.getHeight();
        } else {
            width = this.image.getWidth(this);
            height = this.image.getHeight(this);
            x=((this.getWidth()-width)/2);
            y=((this.getHeight()-height)/2);
        }  
        g.drawImage(this.image, x, y, width, height, this);
    }

et pour la testé :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 public static void main(String[] args) {
        JImagePanel imagePanel = new JImagePanel("c:\\VOTREIMAGE.EXTENSION");
        //Centrer l'image
        imagePanel.setStretch(false);
 
 
        JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.add(imagePanel);
        frame.pack();
        frame.setLocation(200, 200);
        frame.setVisible(true);
    }
}

Je vous remercie ! .

**wax78** · 14/06/2012, 16h34

2 possibilités :

1) ajouté les valeur de translation au X,Y du drawimage.
2) Utiliser g.translate(x,y); (! il faut faire l'inverse après, sinon changement des coord d'origines)

**Eausport** · 15/06/2012, 09h35

Merci pour ta réponse ,

Les valeurs de la translation ne sont pas prédéfinis , c'est plutôt par rapport au width et le height de l'image . Par exemple , je veux faire une translation à droite jusqu’à l'apparition de toute l'image .

Merci .

**wax78** · 15/06/2012, 10h34

Pour X allant de -Width a 0 ....

Ce que j'ai dit reste valable.

**Eausport** · 20/06/2012, 16h00

Pour l'instant , ça ne marche pas ! .
Je cherche un petit code simple pour m'eclairer .

Je vous remercie ! .

**wax78** · 20/06/2012, 16h14

"Ca ne marche pas", on ne connait pas trop ca par ici ...

Tu pourrais t'inspirer de ceci éventuellement. L'image se déplace quand tu déplace la souris (oui ce n'est pas ce que tu demandes mais ca te servira surement).

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
import java.awt.Graphics;
 
 
public class JImagePanel extends JPanel {
 
    private Image image = null;
    private Boolean stretch = true;
 
    public static void main(String[] args) {
        JImagePanel imagePanel = new JImagePanel("F:\\Modeles_3D\\830.jpg");
        //Centrer l'image
        imagePanel.setStretch(false);
 
 
        JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.getContentPane().add(imagePanel);
        frame.pack();
        frame.setLocation(200, 200);
        frame.setVisible(true);
    }
 
 
    /**
     * @wbp.parser.constructor
     */
    public JImagePanel(Image image) {
 
        this.image = image;
    }
 
    int transX;
 
    public JImagePanel(String file) {
        this.image = getToolkit().getImage(file);
        addMouseMotionListener(new MouseMotionAdapter() {
    		@Override
    		public void mouseMoved(MouseEvent arg0) {
    			transX = arg0.getX();
    			System.err.println("Translate : "+transX);
    			repaint();
    		}
    	});
    }
 
 
    public void setStretch(Boolean stretch) {
        this.stretch = stretch;
    }
 
    /**
     * Surcharger le dessin du composant
     * @param g canvas
     */
    protected void paintComponent(Graphics g) {
        int x = 0;
        int y = 0;
        int width = 0;
        int height = 0;
 
        if (this.stretch) {
            width = this.getWidth();
            height = this.getHeight();
        } else {
            width = this.image.getWidth(this);
            height = this.image.getHeight(this);
            x=((this.getWidth()-width)/2);
            y=((this.getHeight()-height)/2);
        }  
        g.drawImage(this.image, x+transX, y, width, height, this);
    }
}

**deathness** · 20/06/2012, 16h21

Envoyé par Eausport

Pour l'instant , ça ne marche pas ! .
Je cherche un petit code simple pour m'eclairer .

Je vous remercie ! .

Si tu nous en dis pas plus (résultat visuel, stacktrace si exception, ...) on pourra pas t'aider. C'est bien connu le dev n'est pas devin

**Eausport** · 20/06/2012, 16h41

Merci wax78

.

deathness : en premier lieu je voudrais faire des translations sur mon image ( haut , bas ,gauche , droite ) . et en deuxiéme lieu ( je viens de commencer ) , c'est de zoomer sur l'image

.

Voila , j'espére que j'etais claire !

.
Merci .

**wax78** · 20/06/2012, 16h50

Allais pour le sport, voila comment "dragger" ton image a la souris, mais tu me feras le plaisir de trouver comment faire avec le zoom tout seul.

Un indice :

- Soit multiplier les width et height par le facteur de zoom.
- Soit jouer avec la commande g.translate();
- Soit ... autres

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
import java.awt.Graphics;
 
 
public class JImagePanel extends JPanel {
 
    private Image image = null;
    private Boolean stretch = true;
 
    private int	MouseX;
    private int	MouseY;
 
    int transX=0;
    int transY=0;
 
    public static void main(String[] args) {
        JImagePanel imagePanel = new JImagePanel("F:\\Modeles_3D\\830.jpg");
        //Centrer l'image
        imagePanel.setStretch(false);
 
 
        JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.getContentPane().add(imagePanel);
        frame.pack();
        frame.setLocation(200, 200);
        frame.setVisible(true);
    }
 
 
 
    /**
     * @wbp.parser.constructor
     */
   /* public JImagePanel(Image image) {
    	this.image = image;
    }*/
 
 
    public JImagePanel(String file) {
        this.image = getToolkit().getImage(file);
 
        addMouseListener(new MouseAdapter() {
			@Override
    		public void mousePressed(MouseEvent arg0) {
				MouseX = arg0.getX();
    			MouseY = arg0.getY();
    		}
    	});
 
        addMouseMotionListener(new MouseMotionAdapter() {
    		@Override
    		public void mouseDragged(MouseEvent arg0) {
    			transX += arg0.getX()-MouseX;
    			transY += arg0.getY()-MouseY;
    			MouseX = arg0.getX();
    			MouseY = arg0.getY();
    			System.err.println("Translate : "+transX+", "+transY);
    			repaint();
    		}
    	});
    }
 
 
    public void setStretch(Boolean stretch) {
        this.stretch = stretch;
    }
 
    /**
     * Surcharger le dessin du composant
     * @param g canvas
     */
    protected void paintComponent(Graphics g) {
    	super.paintComponent(g);
        int x = 0;
        int y = 0;
        int width = 0;
        int height = 0;
        if (this.stretch) {
            width = this.getWidth();
            height = this.getHeight();
        } else {
        	width = this.image.getWidth(this);
        	height = this.image.getHeight(this);
            x=((this.getWidth()-width)/2);
            y=((this.getHeight()-height)/2);
        }  
 
        g.drawImage(this.image, x+transX, y+transY, (int)(width), (int)(height), this);
    }
 
}

**Eausport** · 20/06/2012, 17h04

Merci Max78

.

**Eausport** · 21/06/2012, 09h59

Aprés avoir tester le code , il ne fonctionne pas chez moi .. bizzare , du coup ,j'ai réussi à faire le Zoom sur la Map , mais maitenant, je reviens pour les translations .... ( ce que je trouve bizzare c'est que la translation est simple à faire mais je bloque ) .

**wax78** · 21/06/2012, 10h19

Bizarre, ici il compile sans erreurs et s'exécute comme il se doit ...

**Eausport** · 21/06/2012, 10h32

C'est super ! ça marche , je pense qu'hier j'etais "Out"

Merci beaucoup pour ton aide

.

**Eausport** · 09/07/2012, 17h51

Salut ,

J'ai voulu utiliser le même code pour effectuer des translations a l'aide des JButton , mais je n'arrive pas

.

Pourriez vous m'aider

.

Merci .

**wax78** · 10/07/2012, 10h19

C'est très simple :

Dans le listener du bouton au moment du click, tu incrémente ou décremente la valeur TransX ou TransY (selon) et tu demandes un repaint. (Comme dans la listener du drag de la souris).

**Eausport** · 10/07/2012, 11h20

Merci , effectivement c'etait simple : ) .

Ajouter une image + translation

Java

Discussions similaires

Partager

Partager