[Swing] Remplir un rectangle par des ronds

Version imprimable

31/05/2016, 11h27
Evan59245

2 pièce(s) jointe(s)

[Swing] Remplir un rectangle par des ronds

Bonjour,

J'aimerais remplir mon rectangle par pleins de ronds qui seront limités aux dimensions de mon rectangle.
J'aimerais également leur attribuer un pas, un espacement si vous préférez.

Donc j'ai ma fenêtre principale :

Pièce jointe 211354

Ensuite ma fenêtre avec ma forme:

Pièce jointe 211355

Comment faire ?

Merci de votre aide

Cdt
Evan MARTHO
31/05/2016, 11h34
joel.drigo

Salut,

Citation:

Envoyé par Evan59245

J'aimerais remplir mon rectangle par pleins de ronds qui seront limités aux dimensions de mon rectangle.
J'aimerais également leur attribuer un pas, un espacement si vous préférez.

Et, donc ? Sur quoi bloques-tu ? Sous quel type d'environnement graphique (Swing, JavaFX, SWT, autre ?) ?
31/05/2016, 11h36
Evan59245

Bah je sais pas trop comment faire en faite. C'est du swing et ce sont des composants Graphics

Déjà, il y a 2 approches :

dessiner dans composant graphique
dessiner dans une image qu'on dessine dans un composant graphique

Dans le premier cas, tu auras un affichage dynamique, qui pourra dépendre de la taille de la fenêtre, éventuellement s'adapter à l'échelle, etc... mais qui devra se redessiner chaque fois que c'est nécessaire, ce qui peut être long, donc donner des effets disgracieux au mieux, au pire ralentir l'affichage globalement.

Dans le second cas, on dessine une fois l'image, et ensuite son affichage peut être très rapide donc moins pénalisant. En revanche ça consommera plus de mémoire.

La technique globalement reste la même : on dessine dans un contexte graphique. Il s'agit d'une instance de classe Graphics, ou plus précisemment de Graphics2D lorsqu'on dessine à l'écran, en 2D.

Pour dessiner dans un composant, par exemple un JPanel, on redéfinira la méthode paintComponent() :
Code:

1 2 3 4 5 6 7 8 9 10 public class MonPanel extends JPanel { protected void paintComponent(Graphics g) { super.paintComponent(e); // ici on peut dessiner, en utilisant la variable g } }
pour une Image :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 BufferedImage image = new BufferedImage( largeur, hauteur, type); Graphics2D g = image.createGraphics(); try{ // ici on peut dessiner, un utilisant la variable g } finally { g.dispose(); } JLabel label = new JLabel( new ImageIcon( image ) ); // en mettant le label dans une fenêtre, on verra l'image affichée
Pour le détail de l'usage de Graphics/Graphics2D, voir les méthodes de ces classes dans la JavaDoc, ou dans le tutoriel.

Ensuite, pour dessiner tes ronds, il te suffit de faire une (double) boucle entre tes bornes, avec le pas voulu et de dessiner un cercle (Graphics.drawOval) à chaque itération.

Tu auras peut être la volonté d'avoir des graphismes antialisés (c'est particulièrement nécessaire lorsqu'on dessine des cercles): regarde Graphics2D.setRenderingHints().

31/05/2016, 12h01
Evan59245

Donc si je comprend bien, je fais une première boucle for avec comme borne les dimensions de mon rectangle ? Ensuite je fais une seconde boucle for pour l'espacement ?
Mais pour l'espacement il faut bien prendre la position du rond -1 + pas justement ? Et comment faire ceci ?

Essayes d'imagine commen tu ferais pour dessiner sur du papier.

Le dessin dans une image ou un composant commence en 0,0, le point en haut à gauche
On dessine un cercle en utilisant la méthode drawOval : elle ne dessine par le cercle par rapport à son centre, mais par rapport à un rectangle englobant. Le premier cercle sera donc en
x=0,y=0,largeur=diametre,hauteur=diametre
Code:

1 2 3 4 5 6 7 8 9 10 pour i de 0 à largeurimage par pas de diametre+espacementhorizontal pour j de 0 à hauteurimage par pas de diametre+espacevertical dessiner cercle ( x=i, y=j, largeur=diametre, hauteur=diametre); fin pour j fin pour i
Ou tu peux procéder par incrémentation si tu préfères :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 x = 0 y = 0 tant que ( y<hauteurImage ) faire dessiner cercle ( x, y, diametre, diametre); x <- x + diametre + espacementHorizontal si x>largeurImage alors x = 0 y <- y + diametre + espacementVertical fin si fin tant que

J'ai vraiment du mal à visualiser la chose.

J'ai fais ca comme code et je sais que c'est faux:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public void paint(Graphics g) 
	{
		super.paint(g);
		Color c = g.getColor();
		g.setColor(Color.DARK_GRAY);
		g.fillRect(50,30,450,250);
		g.setColor(c);
		g.drawString("Hauteur(cm) = " + haut , 505, 40);
		g.drawString("Largeur(cm) = " + larg , 48, 20);
		int i = 0,j = 0;
		for (i=0; i<250;i++)
		{
			for (j=0;j<450;j++)
			{
				g.setColor(Color.WHITE);
				g.fillOval(i, j, diam*10, diam*10);
				g.setColor(c);
			}
		}
	}

31/05/2016, 13h44
joel.drigo
Là, tu fais varier tes i et j de 1 en 1 (pixel sous-entendu). Donc forcément, tous les cerclcles sont les uns contre les autres.

Essaye ça par exemple :
Code:

1 2 3 4 5 6 7 8 9 for (i=0; i<250;i+=50) { for (j=0;j<450;j+=50) { g.setColor(Color.WHITE); g.fillOval(i, j, diam*10, diam*10); g.setColor(c); } }
Tu devrais en déduire comment gérer l'espacement.

Et si tu fais :
Code:

1 2 3 4 5 6 7 8 9 for (i=0; i<250;i+= diam*10+10) { for (j=0;j<450;j+= diam*10 + 10) { g.setColor(Color.WHITE); g.fillOval(i, j, diam*10, diam*10); g.setColor(c); } }
L'espacement est relatif à ton diamètre.

D'ailleurs, tu devrais plutôt calculer ton diamètre une fois en dehors de la boucle, plutôt que de faire 250x450x2 fois la même multiplication !!!
31/05/2016, 13h51
Evan59245

Merci beaucoup, je viens de voir ton message, j'avais presque trouvé le truc mais j'avais un problème avec mes cercles au bout d'un moment

Merci en tout cas !!
03/06/2016, 14h22
wax78

Sinon avec TexturePaint ça devrait être possible sans devoir trop se casser la tête.
03/06/2016, 14h53
joel.drigo

Citation:

Envoyé par wax78

TexturePaint.

C'est ce que je tente de lui montrer dans l'autre discussion ;)

J'avais pas vu cette discution en effet.

Par contre

Code:

for(double x=-step; x<imageBounds.getWidth(); x+=step) { // on couvre tout l'espace répétable en horizontal

Je suis pas sure que tu sois obligé de faire une boucle, tu px generer un tout petit morceau de texture qui se répétera tout seul lors de l'affichage.

Du style :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 /* */ public static TexturePaint create45LinePaint(Color foreGroundColor, Paint backGroundColor, int spacing) /* */ { /* 41 */ BufferedImage bufferedimage = new BufferedImage(spacing, spacing, 1); /* 42 */ Graphics2D graphics2d = bufferedimage.createGraphics(); /* 43 */ graphics2d.setPaint(backGroundColor); /* 44 */ graphics2d.fillRect(0, 0, spacing, spacing); /* 45 */ graphics2d.setColor(foreGroundColor); /* 46 */ graphics2d.drawLine(0, 0, spacing, spacing); /* 47 */ graphics2d.dispose(); /* */ /* */ /* 50 */ TexturePaint texturepaint = new TexturePaint(bufferedimage, new Rectangle(0, 0, spacing, spacing)); /* 51 */ return texturepaint; /* */ }
Ou tu genere seulement la bufferedimage d'une taille minimale le paint repetera tout seul la texture et peux importe la dimension du truc a dessiner , mais peut être qu'une contrainte m'échappe ^^

EDIT : A mon avis j'ai mal interpreté ce que ton code fait car il me semble qu'il fait la même chose :)

03/06/2016, 15h18
joel.drigo

1 pièce(s) jointe(s)

Citation:

Envoyé par wax78

JPar contre

Code:

for(double x=-step; x<imageBounds.getWidth(); x+=step) { // on couvre tout l'espace répétable en horizontal

Je suis pas sure que tu sois obligé de faire une boucle, tu px generer un tout petit morceau de texture qui se répétera tout seul lors de l'affichage.

Je répondrai à ce sujet en détail dans l'autre discussion quand j'aurais le temps (Il n'y a pas besoin en effet sur un cas à 60° équidistant, mais dans le cas général, comme là :
Pièce jointe 211715
On peut le résoudre sans boucle, mais avec une boucle, c'est plus simple quand même (et peu coûteux, puisqu'on ne le fait qu'à la génération de l'image).
( Mais c'est vrai qu'elle ne sert à rien pour le cercle de "première ligne" )
13/06/2016, 09h37
Evan59245

Je n'avais pas vu vos messages. Je retravaille dessus très bientôt