faire un zoom IN ou OUT sur une graphic avec netbeans

Version imprimable

Voir 40 message(s) de cette discussion en une page

salut
j'ai effectué un petit programme pour désigne les coordonnes des points sous forme ovale .

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
package drawgraphic;
 
import java.awt.Color;
 
import java.awt.Graphics;
import java.awt.Graphics2D;
import javax.swing.JPanel;
//import java.awt.event.MouseWheelEvent;
//import java.awt.event.MouseWheelListener;
//import static javax.swing.JFrame.EXIT_ON_CLOSE;
 
/**
 *
 * @author AGORA
 */
public class pn extends JPanel {
 
 
    @Override
    protected void paintComponent(Graphics g) {
      Graphics2D gr=(Graphics2D)(Graphics)g;
gr.setColor(Color.WHITE);
gr.fillRect(0, 0, getWidth(), getHeight());
        gr.setColor(Color.red);
 
 
        gr.fillOval(1, 2, 10, 10);
        gr.fillOval(10, 11, 10, 10);
    }  }

Code:

1
2
3
4
5
 private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {                                         
        pn p=new pn();
        jPanel1.add(p);
        p.setSize(jPanel1.getWidth(), jPanel1.getHeight());
    }

maintenant je souhaite zoomer cette interface mais je n'est peut pas le faire ,j'ai effectué de nombreuses recherches sans résultat
Pouvez-vous m'aider ?

merci d'avance

27/03/2019, 16h15
wax78

Tu peux chercher du cote de AffineTransform, cela te permettra de faire des scale, rotation, translate etc
27/03/2019, 17h16
MAYAHASSAN

merci pour votre réponse
pouvez-vous me dire comment ça marche s'il vous plait
27/03/2019, 17h55
MAYAHASSAN

je veux faire zoom out et zoom in de la graphic avec le mouette de souris n'est pas de faire des scale, rotation, translate
27/03/2019, 19h29
wax78

Citation:

Envoyé par MAYAHASSAN

je veux faire zoom out et zoom in de la graphic avec le mouette de souris n'est pas de faire des scale, rotation, translate

Tout dans AffineTransform permet de le faire. (un zoom est un scale avec eventuelement un translate selon la méthode de zoom).

https://docs.oracle.com/javase/tutor...nsforming.html

Pour la réaction de la roulette il faut voire avec un MouseWheelListener et dedans faire varier une variable zoom, variable zoom qui servira a l'afffinetransform.
28/03/2019, 04h51
bouye

Citation:

Envoyé par MAYAHASSAN

je veux faire zoom out et zoom in de la graphic avec le mouette de souris n'est pas de faire des scale, rotation, translate

Et si tu nous montrais le code que tu as pu faire (vu que le code poste en haut ne fait pas de zoom) ?
28/03/2019, 14h02
MAYAHASSAN

salut bouye
la code en haute j'ai utilise pour désigne les coordonnes des points sous forme de ovale
je souhaite maintenant faire un zoom pour cette graphic avec le mouette de clavier a l'aide de MouseWheelListener mais ne sais pas comment
pouvez -vous m'aide avec ça s'il vous plait
28/03/2019, 14h07
MAYAHASSAN

Citation:

Envoyé par wax78

Tout dans AffineTransform permet de le faire. (un zoom est un scale avec eventuelement un translate selon la méthode de zoom).

https://docs.oracle.com/javase/tutor...nsforming.html

Pour la réaction de la roulette il faut voire avec un MouseWheelListener et dedans faire varier une variable zoom, variable zoom qui servira a l'afffinetransform.

j'ai recherche sur MouseWheelListener et AffineTransform mais malheureusement je ne trouve pas de solution

une première approche en utilisant la fonction scale() :

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
package test;
 
import javax.swing.*;
import java.awt.*;
 
public final class Main {
    public static void main(String... args) {
        SwingUtilities.invokeLater(Main::startAtEDT);
    }
 
    private static final void startAtEDT() {
        final var infoLabel = new JLabel();
        infoLabel.setText(String.format("Scale: x%.3f", 1.0));
        final var drawBoard = new JComponent() {
 
            private final double MAX_ZOOM = 16;
            private final double MIN_ZOOM = 0.125;
 
            private double scaleX = 1;
            private double scaleY = 1;
 
            {
                addMouseWheelListener(event -> {
                    final double factor = (event.getWheelRotation() < 0) ? 2 : 0.5;
                    double scale = scaleX * factor;
                    scale = Math.max(MIN_ZOOM, scale);
                    scale = Math.min(MAX_ZOOM, scale);
                    scaleX = scale;
                    scaleY = scale;
                    infoLabel.setText(String.format("Scale: x%.3f", scale));
                    repaint();
                });
            }
 
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                super.paintComponent(g);
                final var gr = (Graphics2D) g.create();
                gr.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                gr.setColor(Color.WHITE);
                gr.scale(scaleX, scaleY);
                final int surfaceX = (int) Math.ceil(getWidth() * 1 / scaleX);
                final int surfaceY = (int) Math.ceil(getHeight() * 1 / scaleY);
                gr.fillRect(0, 0, surfaceX, surfaceY);
                // Debug.
                gr.setColor(Color.BLUE);
                gr.setStroke(new BasicStroke((float) (1 / scaleX)));
                gr.drawRect(0, 0, surfaceX, surfaceY);
                //
                gr.setColor(Color.red);
                gr.fillOval(1, 2, 10, 10);
                gr.fillOval(10, 11, 10, 10);
                //
                gr.dispose();
            }
        };
        final var root = new JPanel();
        root.setLayout(new BorderLayout());
        root.add(drawBoard, BorderLayout.CENTER);
        root.add(infoLabel, BorderLayout.SOUTH);
        final var frame = new JFrame("Test");
        frame.setContentPane(root);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(500, 500);
        frame.setVisible(true);
    }
}

Une seconde approche est d'utiliser AffineTransform comme le conseille @wax78 ce qui dans le cas d'une mise a l’échelle change assez peu le code en soit. Cependant AffineTransforme est une solution plus complète et permet de faire des effets plus complexes puisqu'on peut spécifier le centre des rotations ou concaténer les transformations entre elles.

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
package test;
 
import javax.swing.*;
import java.awt.*;
import java.awt.geom.AffineTransform;
 
public final class Main2 {
    public static void main(String... args) {
        SwingUtilities.invokeLater(Main2::startAtEDT);
    }
 
    private static final void startAtEDT() {
        final var infoLabel = new JLabel();
        infoLabel.setText(String.format("Scale: x%.3f", 1.0));
        final var drawBoard = new JComponent() {
 
            private final double MAX_ZOOM = 16;
            private final double MIN_ZOOM = 0.125;
 
            private double scaleX = 1;
            private double scaleY = 1;
            private AffineTransform transform = AffineTransform.getScaleInstance(scaleX, scaleY);
 
            {
                addMouseWheelListener(event -> {
                    final double factor = (event.getWheelRotation() < 0) ? 2 : 0.5;
                    double scale = scaleX * factor;
                    scale = Math.max(MIN_ZOOM, scale);
                    scale = Math.min(MAX_ZOOM, scale);
                    scaleX = scale;
                    scaleY = scale;
                    transform = AffineTransform.getScaleInstance(scaleX, scaleY);
                    infoLabel.setText(String.format("Scale: x%.3f", scale));
                    repaint();
                });
            }
 
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                final var gr = (Graphics2D) g.create();
                gr.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                gr.setColor(Color.WHITE);
                gr.setTransform(transform);
                final int surfaceX = (int) Math.ceil(getWidth() * 1 / scaleX);
                final int surfaceY = (int) Math.ceil(getHeight() * 1 / scaleY);
                gr.fillRect(0, 0, surfaceX, surfaceY);
                // Debug.
                gr.setColor(Color.GREEN);
                gr.setStroke(new BasicStroke((float) (1 / scaleX)));
                gr.drawRect(0, 0, surfaceX, surfaceY);
                //
                gr.setColor(Color.red);
                gr.fillOval(1, 2, 10, 10);
                gr.fillOval(10, 11, 10, 10);
                //
                gr.dispose();
            }
        };
        final var root = new JPanel();
        root.setLayout(new BorderLayout());
        root.add(drawBoard, BorderLayout.CENTER);
        root.add(infoLabel, BorderLayout.SOUTH);
        final var frame = new JFrame("Test");
        frame.setContentPane(root);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(500, 500);
        frame.setVisible(true);
    }
}

Citation:

Envoyé par bouye

une première approche en utilisant la fonction scale() :

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
package test;
 
import javax.swing.*;
import java.awt.*;
 
public final class Main {
    public static void main(String... args) {
        SwingUtilities.invokeLater(Main::startAtEDT);
    }
 
    private static final void startAtEDT() {
        final var infoLabel = new JLabel();
        infoLabel.setText(String.format("Scale: x%.3f", 1.0));
        final var drawBoard = new JComponent() {
 
            private final double MAX_ZOOM = 16;
            private final double MIN_ZOOM = 0.125;
 
            private double scaleX = 1;
            private double scaleY = 1;
 
            {
                addMouseWheelListener(event -> {
                    final double factor = (event.getWheelRotation() < 0) ? 2 : 0.5;
                    double scale = scaleX * factor;
                    scale = Math.max(MIN_ZOOM, scale);
                    scale = Math.min(MAX_ZOOM, scale);
                    scaleX = scale;
                    scaleY = scale;
                    infoLabel.setText(String.format("Scale: x%.3f", scale));
                    repaint();
                });
            }
 
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                super.paintComponent(g);
                final var gr = (Graphics2D) g.create();
                gr.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                gr.setColor(Color.WHITE);
                gr.scale(scaleX, scaleY);
                final int surfaceX = (int) Math.ceil(getWidth() * 1 / scaleX);
                final int surfaceY = (int) Math.ceil(getHeight() * 1 / scaleY);
                gr.fillRect(0, 0, surfaceX, surfaceY);
                // Debug.
                gr.setColor(Color.BLUE);
                gr.setStroke(new BasicStroke((float) (1 / scaleX)));
                gr.drawRect(0, 0, surfaceX, surfaceY);
                //
                gr.setColor(Color.red);
                gr.fillOval(1, 2, 10, 10);
                gr.fillOval(10, 11, 10, 10);
                //
                gr.dispose();
            }
        };
        final var root = new JPanel();
        root.setLayout(new BorderLayout());
        root.add(drawBoard, BorderLayout.CENTER);
        root.add(infoLabel, BorderLayout.SOUTH);
        final var frame = new JFrame("Test");
        frame.setContentPane(root);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(500, 500);
        frame.setVisible(true);
    }
}

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
package test;
 
import javax.swing.*;
import java.awt.*;
import java.awt.geom.AffineTransform;
 
public final class Main2 {
    public static void main(String... args) {
        SwingUtilities.invokeLater(Main2::startAtEDT);
    }
 
    private static final void startAtEDT() {
        final var infoLabel = new JLabel();
        infoLabel.setText(String.format("Scale: x%.3f", 1.0));
        final var drawBoard = new JComponent() {
 
            private final double MAX_ZOOM = 16;
            private final double MIN_ZOOM = 0.125;
 
            private double scaleX = 1;
            private double scaleY = 1;
            private AffineTransform transform = AffineTransform.getScaleInstance(scaleX, scaleY);
 
            {
                addMouseWheelListener(event -> {
                    final double factor = (event.getWheelRotation() < 0) ? 2 : 0.5;
                    double scale = scaleX * factor;
                    scale = Math.max(MIN_ZOOM, scale);
                    scale = Math.min(MAX_ZOOM, scale);
                    scaleX = scale;
                    scaleY = scale;
                    transform = AffineTransform.getScaleInstance(scaleX, scaleY);
                    infoLabel.setText(String.format("Scale: x%.3f", scale));
                    repaint();
                });
            }
 
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                final var gr = (Graphics2D) g.create();
                gr.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                gr.setColor(Color.WHITE);
                gr.setTransform(transform);
                final int surfaceX = (int) Math.ceil(getWidth() * 1 / scaleX);
                final int surfaceY = (int) Math.ceil(getHeight() * 1 / scaleY);
                gr.fillRect(0, 0, surfaceX, surfaceY);
                // Debug.
                gr.setColor(Color.GREEN);
                gr.setStroke(new BasicStroke((float) (1 / scaleX)));
                gr.drawRect(0, 0, surfaceX, surfaceY);
                //
                gr.setColor(Color.red);
                gr.fillOval(1, 2, 10, 10);
                gr.fillOval(10, 11, 10, 10);
                //
                gr.dispose();
            }
        };
        final var root = new JPanel();
        root.setLayout(new BorderLayout());
        root.add(drawBoard, BorderLayout.CENTER);
        root.add(infoLabel, BorderLayout.SOUTH);
        final var frame = new JFrame("Test");
        frame.setContentPane(root);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(500, 500);
        frame.setVisible(true);
    }
}

merci bouye pour votre aide
j'ai compilée l'exemple de code pour AffineTransform mais c'est ne marche pas il y des erreur
voici le problème

Code:

1
2
3
4
run:
Erreur : impossible de trouver ou charger la classe principale test.Test
C:\Users\AGORA\AppData\Local\NetBeans\Cache\8.2\executor-snippets\run.xml:53: Java returned: 1
BUILD FAILED (total time: 0 seconds)

01/04/2019, 13h10
wax78

Il faut au minimum Java 10 pour pouvoir compliler le code tel qu'il est, est-ce le cas sur ta machine ? (Sinon il faut remplacer les "var" par les bon type de variable).
01/04/2019, 22h27
MAYAHASSAN

Citation:

Envoyé par wax78

Il faut au minimum Java 10 pour pouvoir compliler le code tel qu'il est, est-ce le cas sur ta machine ? (Sinon il faut remplacer les "var" par les bon type de variable).

non j'ai java 8(jdk8) , pas java 10 quelle est le variable convenable sil vous plait
02/04/2019, 00h38
bouye

Comme le disait @wax78 ce code est au format JDK10. Si tu veux l’exécuter sur un JDK8, tu dois remplacer tous les mot-cle var par le type approprie.

Par exemple :

Code:

final var toto = new Toto();

En :

Code:

final Toto toto = new Toto();
02/04/2019, 01h48
MAYAHASSAN

Citation:

Envoyé par bouye

Comme le disait @wax78 ce code est au format JDK10. Si tu veux l’exécuter sur un JDK8, tu dois remplacer tous les mot-cle var par le type approprie.

Par exemple :

Code:

final var toto = new Toto();

En :

Code:

final Toto toto = new Toto();

j'ai remplace tous les mot var par cette instruction mais reste le même problème :(:(
02/04/2019, 12h26
bouye

Le message que tu as posté indique que ton IDE cherche une classe nommée test.Test ; aux dernière nouvelle le code que j'ai posté est celui d'un classe nommée test.Main2
02/04/2019, 15h29
MAYAHASSAN

Citation:

Envoyé par bouye

Le message que tu as posté indique que ton IDE cherche une classe nommée test.Test ; aux dernière nouvelle le code que j'ai posté est celui d'un classe nommée test.Main2

le problème reste au niveau de la variable .j'ai remplace chaque variable" var" par "toto" c'est ça ou non !
je suis désolé de vous dérange avec les question parce-que je suis débutante au programmation

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
final Var variable1 = new Toto();
-> 
final Toto variable1 = new Toto();
 
final Var variable1 = new Tutu();
-> 
final Tutu variable1 = new Tutu();
 
final Var variable1 = new Titi();
-> 
final Titi variable1 = new Titi();
 
 
final Var variable1 = new JLabel();
-> 
final JLabel variable1 = new JLabel();

etc...

Citation:

Envoyé par wax78

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
final Var variable1 = new Toto();
-> 
final Toto variable1 = new Toto();
 
final Var variable1 = new Tutu();
-> 
final Tutu variable1 = new Tutu();
 
final Var variable1 = new Titi();
-> 
final Titi variable1 = new Titi();
 
 
final Var variable1 = new JLabel();
-> 
final JLabel variable1 = new JLabel();

etc...

merciii beaucoup bouye pour votre aide :heart:

03/04/2019, 00h59
bouye

Ah mais la c'est pas moi :calim2::mrgreen:
04/04/2019, 12h20
MAYAHASSAN

Citation:

Envoyé par bouye

Ah mais la c'est pas moi :calim2::mrgreen:

JE SUIS désole :lol: merci wax78 pour votre aide

Voir 40 message(s) de cette discussion en une page