Discussion :

[Pecose]

Bonjour tout le monde,

Je suis à la recherche d'une solution pour adapter la taille des éléments à afficher à la taille de ma fenêtre.
J'ai imaginer faire une classe qui hérite de Graphics2D et redéfinir ces méthodes avec celles de DebugGraphics,
pour au final compléter le tout par un ajustement des dimensions et position relativement à la taille de ma fenêtre.

Mais ce fut un échec.
L'architecture du code ne permet visiblement pas d'être modifier.

Si quelqu'un à une autre idée pour ne pas avoir à donner une position et une taille relative à la main à chaque fois que je créé un nouvel objet à afficher.

[joel.drigo]

Salut,

Le responsive n'est pas un changement d'echelle, mais une adaptation d'une GUI à la taille (et la forme implicite) de l'écran, et de l'orientation éventuellement. Il n'y a pas qu'un problème échelle, mais aussi de placement (relatif) des composants, voire même des changements dans le type même des composants (on pourra cacher un bloc pour le transformer en popin). Et la mise à l'échelle concerne la taille des composants, mais pas le facteur d'échelle des textes, par exemple.
Les LayoutManager permettent de faire du responsive naturellement en Swing pour ce qui des composants Swing? Il faudra éventuellement faire des layout manager custom pour gérer certains cas automatiquement (par exemple, pour un changement vertical/horizontal).

Si tu parles d'adapter la taille (ou l'angle éventuellement) d'un contenu purement graphique (dessiné directement en Java2D , avec des vecteurs ou des images), utilise les transformées affines.

Démo avec les transformées affines :

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
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagLayout;
import java.awt.Image;
import java.awt.Insets;
import java.awt.geom.AffineTransform;
import java.awt.image.ImageObserver;
import java.util.function.BiConsumer;
 
import javax.imageio.ImageIO;
import javax.swing.BorderFactory;
import javax.swing.JCheckBox;
import javax.swing.JFrame;
import javax.swing.JPanel;
 
public class ScaleAdaptablePanel extends JPanel {
 
	private boolean proportional;
	private boolean adaptable;
	private final BiConsumer<Graphics2D,ImageObserver> painter;
	private final Dimension drawsize;
 
	public ScaleAdaptablePanel(BiConsumer<Graphics2D,ImageObserver> painter, int width, int height) {
		this.painter=painter;
		this.proportional=true;
		this.adaptable=true;
		this.drawsize = new Dimension(width, height);
	}
 
	public void setProportional(boolean proportional) {
		boolean old = this.proportional;
		this.proportional=proportional;
		if ( old!=proportional ) {
			firePropertyChange("PROPORTIONAL", old, proportional);
			repaint();
		}
	}
 
	public boolean isProportional() {
		return proportional;
	}
 
	public void setAdaptable(boolean adaptable) {
		boolean old = this.adaptable;
		this.adaptable=adaptable;
		if ( old!=adaptable ) {
			firePropertyChange("ADAPTABLE", old, adaptable);
			repaint();
		}
	}
 
	public boolean isAdaptable() {
		return adaptable;
	}
 
	private Dimension getInnerDimension(Dimension dimension) {
		Insets insets=getInsets();
		return new Dimension(Math.max(0, dimension.width-insets.left-insets.right), 
				Math.max(0, dimension.height-insets.top-insets.bottom));
	}
 
	@Override
	public void paint(Graphics g) {
		super.paint(g);
 
		if ( painter!=null) {
 
			Graphics2D g2D = (Graphics2D) g.create();		
 
			Insets insets=getInsets();
			g2D.transform(AffineTransform.getTranslateInstance(insets.left, insets.top));
 
			if ( adaptable ) {
				adapt(g2D);
			}
			painter.accept(g2D,this);
 
			g2D.dispose();
 
		}
 
	}
 
	private void adapt(Graphics2D g2d) {
		proportionalAffineTransform(g2d, getInnerDimension(drawsize), getInnerDimension(getPreferredSize()));
		if ( proportional ) {
			adaptProportional(g2d);
		}
		else {
			affineTransform(g2d, getInnerDimension(drawsize), getInnerDimension(getSize()));
		}
	}
 
	private void adaptProportional(Graphics2D g2d) {
		proportionalAffineTransform(g2d, getInnerDimension(drawsize), getInnerDimension(getSize()));
	}
 
	private void affineTransform(Graphics2D g2d, Dimension fromsize, Dimension tosize) {
		double sx = tosize.getWidth()/fromsize.getWidth();
		double sy = tosize.getHeight()/fromsize.getHeight();
		g2d.transform(AffineTransform.getScaleInstance(sx, sy));
	}
 
	private void proportionalAffineTransform(Graphics2D g2d, Dimension fromsize, Dimension tosize) {
		double sx = tosize.getWidth()/fromsize.getWidth();
		double height = fromsize.getHeight()*sx;
		if ( height > tosize.getHeight() ) {
			sx = tosize.getHeight()/fromsize.getHeight();
//			double width = tosize.getWidth()*sx;
//			if ( width> tosize.getWidth() ) {
//				System.out.println(sx);
//				//sx = tosize.getWidth()/fromsize.getWidth();
//			}
		}
		g2d.transform(AffineTransform.getScaleInstance(sx, sx));
	}
 
	// démo
 
	public static void main(String[] args) {
		JFrame frame = new JFrame();
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
		JPanel main = new JPanel(new BorderLayout());
 
		Dimension dimension = new Dimension(260,180);
		ScaleAdaptablePanel panel = new ScaleAdaptablePanel(ScaleAdaptablePanel::paint,dimension.width,dimension.height);
		panel.setBorder(BorderFactory.createMatteBorder(10, 10, 10, 10,panel.getBackground()));
		panel.setBackground(Color.WHITE);
		panel.setPreferredSize(dimension);
		main.add(panel);
 
		JPanel ui = new JPanel(new GridBagLayout());
 
		JCheckBox checkboxProportional = new JCheckBox("Adaptation proportionelle");
		checkboxProportional.setSelected(panel.isProportional());
		checkboxProportional.addActionListener(e->panel.setProportional(checkboxProportional.isSelected()));
		ui.add(checkboxProportional);
 
		JCheckBox checkboxAdaptable = new JCheckBox("Adaptation");
		checkboxAdaptable.setSelected(panel.isAdaptable());
		checkboxAdaptable.addActionListener(e->panel.setAdaptable(checkboxAdaptable.isSelected()));
		ui.add(checkboxAdaptable);
 
		main.add(ui, BorderLayout.SOUTH);
 
		frame.add(main);
		frame.pack();
		frame.setLocationRelativeTo(null);
		frame.setVisible(true);
 
	}
 
	private static Image image = loadImage();
	private static Image loadImage() {
		try {
			return ImageIO.read(ScaleAdaptablePanel.class.getResource("suricate.jpg"));
		} catch (Throwable e) {
			return null;
		}
	}
	private static Font font = new Font("SansSerif",Font.PLAIN,40);
	private static void paint(Graphics2D g, ImageObserver observable) {
		/*g.setColor(Color.LIGHT_GRAY);
		g.drawRect(0,0,240,160);*/
		g.setColor(Color.BLUE);
		g.setFont(font);
		g.drawString("Hello", 20,30);
		g.setColor(Color.RED);
		g.drawRect(120, 80, 100, 40);
		g.setColor(Color.ORANGE);
		g.fillOval(130, 20, 50, 50);
		if( image!=null) {
			g.drawImage(image,10,50,observable);
		}
	}
 
	// fin démo
 
}

[Pecose]

Super, merci pour ta réponse.

Je ne comprend pas très bien cette partie : "firePropertyChange("ADAPTABLE", old, adaptable);".
A quoi ça sert?

[joel.drigo]

Super, merci pour ta réponse.

Je ne comprend pas très bien cette partie : "firePropertyChange("ADAPTABLE", old, adaptable);".
A quoi ça sert?

En Swing, les changements des propriétés peuvent être écoutés (voir méthode addPropertyChangeListener()). C'est juste que j'ai ajouté pour mes propriétés perso le moyen d'écouter leur changement de la même façon que n'importe quelle autre propriété Swing. C'est une bonne habitude à prendre qui ne coûte pas grand chose et qui peut être utile.

[Pecose]

A quoi sert ImageObserver?
Si tu met null ça donne la même chose, non?

En Swing, les changements des propriétés peuvent être écoutés (voir méthode addPropertyChangeListener()). C'est juste que j'ai ajouté pour mes propriétés perso le moyen d'écouter leur changement de la même façon que n'importe quelle autre propriété Swing. C'est une bonne habitude à prendre qui ne coûte pas grand chose et qui peut être utile.

Dans ce cas il y a déjà le JCheckBox qui est écouté. c'est pas un peu superflu?

Si je modifie la variable est-ce qu'il y a un Event qui est créé et comment je le récupère?

[joel.drigo]

A quoi sert ImageObserver?
Si tu met null ça donne la même chose, non?

ça ne sert pas avec les images static. mais pour les images non static c'est indispensable (par exemple avec un gif animé).

Dans ce cas il y a déjà le JCheckBox qui est écouté. c'est pas un peu superflu?

ça n'a strictement aucun rapport. Le checkbox est un composant de l'ui qui permet de modifier la propriété. Cela n'empêche pas d'avoir d'autres composants qui pourraient avoir besoin de savoir que la propriété à changer. On peut aussi faire un programme qui utilise le composant sans checkbox dans l'ui d'ailleurs, et changer une propriété par programme. Si on veut un composant qui réagit au changement d'une propriété, il utilisera l'écouteur.

Si je modifie la variable est-ce qu'il y a un Event qui est créé et comment je le récupère?

Oui il y a un événement qui ést créé et diffusé à tous les écouteurs. Pour le récupérer, utiliser la méthode addPropertyChangeListener().
Par exemple :

Code :

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

1
2
3
4
5
 
// pour écouter spécifiquement un changement sur proportional
panel.addPropertyChangeListener("PROPORTIONAL",e->System.out.println("La propriété PROPORTIONAL a changé de " + e.getOldValue() + " à " + e.getNewValue()));
// pour écouter un changement sur n'importe quelle propriété
panel.addPropertyChangeListener(e->System.out.println("La propriété "+e.getPropertyName()+" a changé de " + e.getOldValue() + " à " + e.getNewValue()));

Tiens, au passage, j'ai fait une erreur de copier/coller dans ma démo :

Code :

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

1
2
3
4
JCheckBox checkboxAdaptable = new JCheckBox("Adaptation");
checkboxAdaptable.setSelected(panel.isAdaptable());
checkboxAdaptable.addActionListener(e->panel.setAdaptable(checkboxAdaptable.isSelected()));
ui.add(checkboxAdaptable);