Suivre les dimensions de l'écran

**johnmax** · 20/01/2016, 11h38

Bonjour,

J'ai suivi ce très bon tuto pour m'initier au dessin avec java : http://duj.developpez.com/tutoriels/java/dessin/intro/

J'ai réussi à tracer mes rectangles comme vous pouvez le voir sur la photo : Voir la photo ci-joint.

Ces rectangles sont de dimension fixe. Je cherche à ce q'ils suivent dynamiquement la résolution de ma fenêtre (modification de leur taille au redimensionnement de la fenêtre).

Voici tout le code de mon projet :

MonMain1.java

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
 
package b_deuxiemeRectangleJava;
 
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Point;
import java.io.File;
import java.io.IOException;
 
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
 
import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;
import org.xml.sax.SAXException;
 
public class MonMain1 {
 
	/**
         * @param args
         */
	public static void main(String[] args) {
		JCanvas jc = new JCanvas();
		jc.setBackground(Color.WHITE);
 
		jc.setPreferredSize(new Dimension(400,450));
		Dimension dim  = new Dimension(100,100);
 
		//***********************************XML*********************************
 
		/*
		 * Etape 1 : récupération d'une instance de la classe "DocumentBuilderFactory"
		 */
		final DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
		try {
			/*
			 * Etape 2 : création d'un parseur
			 */
			final DocumentBuilder builder = factory.newDocumentBuilder();
 
			/*
			 * Etape 3 : création d'un Document
			 */
			final Document document= builder.parse(new File("b_deuxiemeRectangleJava/repertoire.xml"));
 
			//Affiche du prologue
			System.out.println("*************PROLOGUE************");
			System.out.println("version : " + document.getXmlVersion());
			System.out.println("encodage : " + document.getXmlEncoding());		
			System.out.println("standalone : " + document.getXmlStandalone());
 
			/*
			 * Etape 4 : récupération de l'Element racine
			 */
			final Element racine = document.getDocumentElement();
 
			//Affichage de l'élément racine
			System.out.println("\n*************RACINE************");
			System.out.println(racine.getNodeName());
 
			/*
			 * Etape 5 : récupération des personnes
			 */
			final NodeList racineNoeuds = racine.getChildNodes();
			final int nbRacineNoeuds = racineNoeuds.getLength();
 
			for (int i = 0; i<nbRacineNoeuds; i++) {
				if(racineNoeuds.item(i).getNodeType() == Node.ELEMENT_NODE) {
					final Element graphique = (Element) racineNoeuds.item(i);
 
					//Affichage d'une personne
					System.out.println("\n*************GRAPHIQUE************");
					System.out.println("type : " + graphique.getAttribute("type"));
 
					/*
					 * Etape 6 : récupération du nom, du height, du width
					 */
					final Element nom = (Element) graphique.getElementsByTagName("nom").item(0);
					final Element height = (Element) graphique.getElementsByTagName("height").item(0);
					final Element width = (Element) graphique.getElementsByTagName("width").item(0);
 
					//Affichage du nom, du height, du width
					System.out.println("nom : " + nom.getTextContent());
					System.out.println("height: " + height.getTextContent());
					System.out.println("width: " + width.getTextContent());
 
					//Création des graphiques
					int hauteur = Integer.parseInt(height.getTextContent());
					int largueur = Integer.parseInt(width.getTextContent());
					jc.addDrawable(new RectangleDrawable(Color.BLACK,new Point(hauteur,largueur),dim));
				}				
			}			
		}
		catch (final ParserConfigurationException e) {
			e.printStackTrace();
		}
		catch (final SAXException e) {
			e.printStackTrace();
		}
		catch (final IOException e) {
			e.printStackTrace();
		}
		//********************************************************************************
 
 
		GUIHelper.showOnFrame(jc,"Mes graphiques");
 
	}
 
}

FormDrawable.java

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
 
package b_deuxiemeRectangleJava;
 
import java.awt.*;
 
 
public abstract class FormDrawable implements IDrawable {
 
	protected Rectangle rect ;
	protected Color color;
 
	public FormDrawable(Color color, Point pos, Dimension dim){
		this.color=color;
		this.rect = new Rectangle(pos,dim);
	}
 
	public abstract void draw(Graphics g) ;
 
	public Rectangle getRectangle(){
		return (Rectangle) rect.clone();
	}
 
}

GUIHelper.java

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
 
package b_deuxiemeRectangleJava;
 
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
 
import javax.swing.JComponent;
import javax.swing.JFrame;
 
public class GUIHelper {
 
	public static void showOnFrame(JComponent component, String frameName) {
		JFrame frame = new JFrame(frameName);
		WindowAdapter wa = new WindowAdapter() {
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		};
		frame.addWindowListener(wa);
		frame.getContentPane().add(component);
		frame.pack();
		frame.setVisible(true);
	}
 
}

jCanvas.java

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
 
package b_deuxiemeRectangleJava;
 
import java.awt.Color;
import java.awt.Graphics;
import java.util.Iterator;
import java.util.LinkedList;
import java.util.List;
 
import javax.swing.JPanel;
 
public class JCanvas extends JPanel {
 
private List drawables = new LinkedList();
 
	public void paint(Graphics g) {
		super.paint(g);
		for (Iterator iter = drawables.iterator(); iter.hasNext();) {
			IDrawable d = (IDrawable) iter.next();
			d.draw(g);	
		}
	}
 
	public void addDrawable(IDrawable d) {
		drawables.add(d);
		repaint();
	}
 
	public void removeDrawable(IDrawable d) {
		drawables.remove(d);
		repaint();
	}
 
	public void clear() {
		drawables.clear();
		repaint();
	}
 
}

IDrawable.java

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
package b_deuxiemeRectangleJava;
 
import java.awt.Graphics;
import java.awt.Rectangle;
 
public interface IDrawable {
 
	public  void draw(Graphics g);
 
	public Rectangle getRectangle();
 
}

RectangleDrawable.java

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
 
package b_deuxiemeRectangleJava;
 
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Point;
 
public class RectangleDrawable extends FormDrawable {
 
 
	public RectangleDrawable(Color color, Point pos, Dimension dim) {
		super(color, pos, dim);
 
	}
 
	public void draw(Graphics g) {
		Color c = g.getColor();
		g.setColor(color);
		//g.fillRect(rect.x,rect.y,rect.height,rect.width); //Rectangle plein
		g.drawRect(rect.x,rect.y,rect.height,rect.width);
		g.setColor(c);
	}
}

Le fichier Xml où je viens piocher les dimensions de mes rectangles

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
 
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<repertoire>
 
    <graphique type="linéaire">
        <nom>Graph1</nom>
		<height>10</height>
		<width>10</width>	
    </graphique>
 
	<graphique type="barchart">
		<nom>Graph2</nom>
		<height>150</height>
		<width>10</width>	
	</graphique>
 
	<graphique type="piechart">
		<nom>Graph3</nom>
		<height>290</height>
		<width>10</width>	
	</graphique>
 
	<graphique type="linéaire">
        <nom>Graph4</nom>
		<height>10</height>
		<width>150</width>	
    </graphique>
 
	<graphique type="barchart">
		<nom>Graph5</nom>
		<height>150</height>
		<width>150</width>	
	</graphique>
 
	<graphique type="piechart">
		<nom>Graph6</nom>
		<height>290</height>
		<width>150</width>	
	</graphique>
 
	<graphique type="linéaire">
        <nom>Graph7</nom>
		<height>10</height>
		<width>300</width>	
    </graphique>
 
	<graphique type="barchart">
		<nom>Graph8</nom>
		<height>150</height>
		<width>300</width>	
	</graphique>
 
	<graphique type="piechart">
		<nom>Graph9</nom>
		<height>290</height>
		<width>300</width>	
	</graphique>
 
</repertoire>

Merci d'avance pour votre aide !

**joel.drigo** · 20/01/2016, 15h26

Salut,

Il faut bien sûr adapter les coordonnées et tailles, soit en amont dans les instances de Rectangle, soit au moment du dessin, lorsque la taille du JPanel change.
On peut être notifié du changement de taille en utilisant un écouteur de type ComponentListener. Lorsqu'on reçoit l'évènement componentResized(), soit on recalcule les dimensions des rectangles (on stockera une liste de rectangle en double pour éviter de perdre leur taille initiale), soit on demande simplement de redessiner, si l'adaptation à la taille se fait au dessin comme dans l'exemple suivant.
Il faut bien entendu déterminer une taille de référence, celle pour laquelle les coordonnées et tailles de rectangle sont à l'échelle 1. Ensuite, pour recalculer les positions et tailles des rectangles en fonction de la taille actuelle, on va déterminer le facteur d'échelle pour passer de la taille de référence à celle actuelle.

Ensuite, il y a plusieurs moyens de dessiner à une échelle donnée. La première est de faire le calcul au moment du dessin, en multipliant par le facteur d'echelle, comme ici :

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
public class DemoResizeDyn extends JPanel {
 
	/**
         * 
         */
	private static final long serialVersionUID = 1L;
 
	private final Rectangle2D[] rectangles;
 
	public DemoResizeDyn(Rectangle2D...rectangles) {
		this.rectangles = rectangles;
		addComponentListener(new ComponentAdapter() {
			@Override
			public void componentResized(ComponentEvent e) {
				repaint();
			}
		});
	}
 
	@Override
	protected void paintComponent(Graphics g) {
		super.paintComponent(g);
		final Point2D scale = getScale();
		for(Rectangle2D rectangle : rectangles) {
			if ( rectangle!=null ) {
				drawRectangle(g, scale, rectangle);
			}
		}
	}
 
	private Point2D getScale() {
		// base de taille pour une taille de 800x600 par exemple
		final double scalex = getWidth()/800d;
		final double scaley = getHeight()/600d;
		return new Point2D.Double(scalex, scaley);
	}
 
	private void drawRectangle(Graphics g, Point2D scale, Rectangle2D rectangle) {
                // on multiplie les x, y, width et height du rectangle pour l'afficher à la bonne taille
		g.drawRect((int)(rectangle.getX()*scale.getX()), (int)(rectangle.getY()*scale.getY()), (int)(rectangle.getWidth()*scale.getX()), (int)(rectangle.getHeight()*scale.getY()));
	}
 
	public static void main(String[] args) {
		JFrame frame = new JFrame("Démo");
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
		final DemoResizeDyn panel = new DemoResizeDyn(
				new Rectangle(10,10,100,50),
				new Rectangle(200,10,50,100),
				new Rectangle(10,300,200,75),
				new Rectangle(400,50,300,250));
 
		frame.getContentPane().add(panel);
 
		frame.setSize(800, 600);
		frame.setLocationRelativeTo(null);
		frame.setVisible(true);
 
	}
 
}

On peut également utiliser une transformée affine, par la classe AffineTransform :

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
public class DemoResizeDyn extends JPanel {
 
	/**
         * 
         */
	private static final long serialVersionUID = 1L;
 
	private final Rectangle2D[] rectangles;
 
	public DemoResizeDyn(Rectangle2D...rectangles) {
		this.rectangles = rectangles;
		addComponentListener(new ComponentAdapter() {
			@Override
			public void componentResized(ComponentEvent e) {
				repaint();
			}
		});
	}
 
	@Override
	protected void paintComponent(Graphics g) {
		super.paintComponent(g);
		final Point2D scale = getScale();
		final AffineTransform transform = AffineTransform.getScaleInstance(scale.getX(), scale.getY());
		for(Rectangle2D rectangle : rectangles) {
			if ( rectangle!=null ) {
				drawRectangle(g, transform, rectangle);
			}
		}
	}
 
	private Point2D getScale() {
		// base de taille pour une taille de 800x600 par exemple
		final double scalex = getWidth()/800d;
		final double scaley = getHeight()/600d;
		return new Point2D.Double(scalex, scaley);
	}
 
	private void drawRectangle(Graphics g, AffineTransform transform, Rectangle2D rectangle) {
		((Graphics2D)g).draw(transform.createTransformedShape(rectangle));
	}
 
	public static void main(String[] args) {
		JFrame frame = new JFrame("Démo");
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
		final DemoResizeDyn panel = new DemoResizeDyn(
				new Rectangle(10,10,100,50),
				new Rectangle(200,10,50,100),
				new Rectangle(10,300,200,75),
				new Rectangle(400,50,300,250));
 
		frame.getContentPane().add(panel);
 
		frame.setSize(800, 600);
		frame.setLocationRelativeTo(null);
		frame.setVisible(true);
 
	}
 
 
}

On peut directement appliquer la transformée à l'ensemble de l'espace graphique, mais cela donne un résultat légèrement différent, parce que tout est impacté par le changement d'échelle, et ceci inclut les épaisseurs de traits.

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
public class DemoResizeDyn extends JPanel {
 
	/**
         * 
         */
	private static final long serialVersionUID = 1L;
 
	private final Rectangle2D[] rectangles;
 
	public DemoResizeDyn(Rectangle2D...rectangles) {
		this.rectangles = rectangles;
		addComponentListener(new ComponentAdapter() {
			@Override
			public void componentResized(ComponentEvent e) {
				repaint();
			}
		});
	}
 
	@Override
	protected void paintComponent(Graphics g) {
		super.paintComponent(g);
		final Point2D scale = getScale();
		final AffineTransform transform = AffineTransform.getScaleInstance(scale.getX(), scale.getY());
		final Graphics g2=g.create(); // on crée un nouveau contexte graphique pour éviter que l'echelle impacte d'autres composants
		((Graphics2D)g2).setTransform(transform);
		try {
			for(Rectangle2D rectangle : rectangles) {
				if ( rectangle!=null ) {
					((Graphics2D)g2).draw( rectangle );
				}
			}
		}
		finally {
			g2.dispose();
		}
	}
 
	private Point2D getScale() {
		// base de taille pour une taille de 800x600 par exemple
		final double scalex = getWidth()/800d;
		final double scaley = getHeight()/600d;
		return new Point2D.Double(scalex, scaley);
	} 
 
	public static void main(String[] args) {
		JFrame frame = new JFrame("Démo");
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
		final DemoResizeDyn panel = new DemoResizeDyn(
				new Rectangle(10,10,100,50),
				new Rectangle(200,10,50,100),
				new Rectangle(10,300,200,75),
				new Rectangle(400,50,300,250));
 
		frame.getContentPane().add(panel);
 
		frame.setSize(800, 600);
		frame.setLocationRelativeTo(null);
		frame.setVisible(true);
 
	}
 
 
}

On peut également veiller à ne pas avoir de déformation (changement d'échelle proportionel) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
private Point2D getScale() {
		// base de taille pour une taille de 800x600 par exemple
		final double scalex = getWidth()/800d;
		final double scaley = getHeight()/600d;
		if ( scalex<scaley ) {
			return new Point2D.Double(scalex, scalex);
		}
		else {
			return new Point2D.Double(scaley, scaley);
		}
	}

**johnmax** · 21/01/2016, 14h55

Super merci beaucoup !

Suivre les dimensions de l'écran

2D Java

Discussions similaires

Partager

Partager