rendre persistant un draw sur un graphics

Bonjour

Il y a un truc que je ne maitrise toujours pas bien avec les graphics :


1-je fais un graphics sur un bitmap crée a partir d'un picture box

Code:

---

1 2	Image Zoom = new Bitmap(pb_zoom.Width, pb_zoom.Height); Graphics graphics = Graphics.FromImage(Zoom);

---

2- Je dessine des trucs dessus et puis j'assigne le bitmap au PB

Code:

---

pb_zoom.Image = Zoom;

---

En faisant cela, j'ai une image de fond persistante sur laquelle je peux creer un nouveau graphics pour dessiner des images non persistantes

Code:

---

1 2	Graphics TmpGraphics = pb_zoom.CreateGraphics(); TmpGraphics.DrawLine(Pens.Black, pZoomRef, pcur);

---

Mais ce que j'aimerais faire c'est
1- Garder mon image de fond crée au debut
2- Redessiner des truc dessus qui ne disparaitront pas au moindre refresh
3- Recuperer mon image de fond quand l'utilisateur a fini de bricoler dans l'image.


Comment faire cela le plus facilement ?

Il te faut que tu redessines à chaque demande de rafraichissement (WM_PAINT).

Pour ce faire tu peux overrider OnPaint sur ton controle et dessiner depuis cette méthode.

Merci,

Mais j'ai peut etre mal posé la question :

Quand je fais

Code:

---

1 2	Image Zoom = new Bitmap(pb_zoom.Width, pb_zoom.Height); Graphics graphics = Graphics.FromImage(Zoom);

---

Si j'ai bien compris, je dessine directement sur un bitmap de l'Image que j'ai appelé Zoom et puis je peux assigner cette image a mon picture box

Code:

---

pb_zoom.Image = Zoom;

---

A partir de la pas de probleme de refresh, mon image est fixée

Maintenant je veux pouvoir laisser l'utilisateur dessiner au dessus de cette image sans alterer l'image de base.
Je souhaite que cela resiste a un refresh mais a tout moment pouvoir reprendre l'image de base


J'avais pensé declarer l'image de base publique, faire un clone de cette image et dessiner sur le bitmap de ce clone.
Et pouvoir a tout moment reprendre l'imagge de base

Est-ce la bonne solution ?

J'ai déjà fait ce genre de truc, attention la galère... :mouarf:

Ce que je te conseille déjà, c'est de regarder si tu peux pas passer à vs2008 et utiliser WPF (ya un controle InkCanvas qui fait déjà pratiquement ce que tu recherches)... ça sera bcp plus facile qu'avec les winforms et une bonne occasion de te former si c pas déjà fait... :yaisse2:

Si c'est pas possible, là tout de suite je vois qu'une seule solution :

Tenir à jour une collections de "formes" et les redessiner pendant le OnPaint
La création -> MouseDown / MouseMove / MouseUp...
La sélection / déplacement -> regarde du coté des Adorners http://msdn2.microsoft.com/en-us/library/ms743737.aspx

Faut aussi penser à la mise à l'echelle de tes formes lors du redimensionnement de l'image, etc...

bref ya du boulot... voilou, bonne chance

Merci

Je suis déja en cSharp 2008

C'est pas que je ne veux pas me former on contraire mais a la base ce que je fais est normalement simple

Fondamentalement voici le bingz

Ma form principale contient un picturebox
Au chargement, je load un bitmap (une carte de pays)

Ensuite je dessine des ellipses (points des villes selon une selection en base de donnée)

Ca c'est mon image de base
Pas besoin de resize etc tout est simple et fixe.

L'utilisateur trace un rectangle sur un graphics que je construit sur le picture box
Ce rectangle permet de definir une zone zoom que j'ouvre dans une autre fenetre

Jusque la pas de probleme, je maitrise

MAIS je veux que mon rectangle persiste jusqu'a la fermeture de la fenetre zoom
MAIS je ne veux pas le coller dans l'image de base que je veux conserver intacte

Vois tu une methode simple chef ?
Mon idée de clonage est elle bonne ?

Citation:

---

Mon idée de clonage est elle bonne ?

---

Ca marche.
C'est ce que l'on a fait dans une appli, pour afficher une droite mobile qui se retrace dés que la souris bouge avec le click restant appuyé (le point de départ étant celui de du Mouse down et le pointeur de la souris) : à chaque mouvement de souris, on reprend le clone pour retracer la droite.

Salut graphito

Pour ce que tu explique, pas besoin de clone, regarde comment moi je fais !!

L'image de mon pb_cont a été construite est reste persistante, chaque refresh efface ce qu'a fait le précédent draw sur le graphics

MAIS : c'est lors du mouse_up que je voudrais fixer le rectangle sans alterer l'image de base donc faire le clone !

La question c'est un clone de quoi ? pour avoir a la fois l'image de base ET le rectangle (carré)

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

void pbDrawRectangle(int X, int Y) { pb_cont.Refresh();   int dX = Math.Abs(X - pRef.X); int dY = Math.Abs(Y - pRef.Y);   int Z = Math.Max(dX, dY); dX = Z; dY = Z;   int rX = pRef.X; int rY = pRef.Y;   if (X - pRef.X < 0) rX = X; if (Y - pRef.Y < 0) rY = Y;   Graphics graphics = pb_cont.CreateGraphics(); graphics.DrawRectangle(Pens.Black, rX, rY, dX, dY);   }     //***************************************************   private void pb_cont_MouseMove(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Right) // pour le zoom { pbDrawRectangle(e.X, e.Y); return; } }

---

J'ai omis de préciser que le segment de droite s'affiche sur un graphic contenant l'image d'une carte (pour donner la distance entreles 2 extrémités) ...

:D c'est exactement ce que je fais aussi !!

1- Je charge un bitmap de fond vierge
2- Je cree un graphics sur ce bitmap
3- Je trace des eléments a partir d'une base de données
4- Je réassigne l'image ainsi créée a mon picturebox

-------

5- Maintenant si l'utilisateur veut selectionner des zones ou calculer des distances, j'affiche le segment ou le rectangle sur un autre graphics comme lje l'ai montré dans mon code

Tout ca va tres bien sauf que je ne sais toujours pas comment je peux "fixer" le segment ou le rectangle si nécessaire

Ce que j'entends par fixer c'est le garder le segment ou le rectangle sur
l'image de fond meme si un refresh exterieur se fait

J'ai le sentiment que ce domaine graphics n'est pas bien connu par beaucoup de développeurs (moi en premier bien sur)

Bah il te suffit de mémoriser les coordonnées du rectangle et de le redessiner dans le OnPaint comme dit plus haut.

Sinon ya vraiment pas moyen d'utiliser WPF ? ça te donne pas envie ça :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<Canvas>   <Canvas.Background> <ImageBrush ImageSource="image.jpg" /> </Canvas.Background>   <Rectangle Canvas.Top="32" Canvas.Left="32" Width="128" Height="64" Fill="Red" Stroke="Black" StrokeThickness="1" Opacity="0.6" RadiusX="4" RadiusY="4" />   <Ellipse Canvas.Top="128" Canvas.Left="32" Width="64" Height="64" Fill="Red" Stroke="Black" StrokeThickness="1" Opacity="0.6" />   </Canvas>

---

:yaisse2:

Merci astero-H

1- Memoriser les coordonées du rectangle ?
Dans ce cas simple ce brico est sufisant mais ca ne me satistait pas conceptuellement

2- WPF je vais ausculter la chose pour le futur

3- Mais j'aimerais quand meme resoudre conceptuellement la situation actuelle

Comment fixer un graphics créé avec creategraphics sur une image ?

C'est pas parce que je ne trouve pas la clef de contact de ma voiture que je vais tout de suite acheter une autre voiture ou que je vais partir a pied !

Perso je créerait une sous classe de PictureBox du genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

class MyPictureBox : PictureBox { // rectangle représentant la séléction actuelle public Rect CurrentSelection { get; set; }   // Création d'une nouvelle séléction protected override void OnMouseDown(...) { ... }   // Dessin du rectangle de séléction pendant sa création protected override void OnMouseMove(...) { ... }   // Fin de création de la séléction protected override void OnMouseUp(...) { ... }   // Tu redessines la séléction pendant le OnPaint protected override void OnPaint(...) { ... } }

---

Et qu'est ce que ca apporte ?

Je cherche le moyen le plus simple de fixer un draw graphics sur une image
Pas besoin il me semble de reecrire le picture box pour ca !

Ni de switcher mon app en WPF !

mouarf... pas la peine d'être désagréable l'ami...

tu voulais une solution propre pour pouvoir dessiner sur ton image... je t'en donne une (chose que je regrette maintenant)... donc qu'est ce qu'il ne te va pas ?

a bon entendeur salut...

Excuse moi de t'avoir offensé !

Je voulais simplement dire que les solutions que tu propose me semblent relativement complexe face a un probleme qui devrait avoir une solution plus simple a mon avis !

Je ne cherche pas a construire une autoroute pour aller a Rome, mais le moyen le plus efficace pour y arriver rapidement a moindre frais !

salut !!!
t'as parlé sur le zoom, j'aimerais faire un bouton zoom qui effectue un zoom sur une image sans modifier ses paramètres (la taille de l'image) c'est a dire quand je fais le zoom c'est vrai que l'image s'agrandit mais je ne veux pas sauvegarder ces nouveaux paramètre ! des que l'utilisateur termine de travailler sur l'image, l'image redevient comme avant !! (image initiale)

Et ton zoom ?
Comment pense tu le faire

salut !
j'ai pas très bien compris ce que tu veux dire !! mais si tu veux dire que je ne peux pas faire un zoom sans modifier la taille de l'image, je suis d'accord avec toi mais par exemple je souhaiterais faire un trackBar qui me permettra d'effectuer le zoom je sais qu'on va agrandir la largeur et longueur mais moi ce que je cherche, c'est de faire un zoom sans modifier les pixels de l'image (je ne sais pas si c'est faisable!).
bref pour faire le zoom est ce que tu vas modifier la longueur et la largeur de l'image ?
au fait moi aussi j'ai fait un programme qui charge une image sur pictureBox en suite il dessine des lignes lorsque l'utilisateur clique deux fois sur le contour, donc pour bien voir le contour j'aimerais faire un zoom juste pour qu'il puisse cliquer sur le contour !!!

Je n'ai toujours pas compris pas ce que tu veux faire

Pour moi quand je fais un zoom, j'agrandis ou je retrecis forcément l'image

Dans mon cas, j'agrandis la surface de dessin et je repositionne les objets qui etaient sur la surface originale par rapport a la nouvelle origine et au coeficient d'allongement X et Y, mais je n'agrandis pas les objets eux meme (des points) mais j'aurais pu.

voila c'est ce que je veux !! et comment t'as fait ?

Moi pour le besoin

J'ouvre une nouvelle fenetre avec un autre picturebox
Je colle l'image que j'ai besoin dedans
et je dessine sur un nouveau graphics

Mais je ne comprends toujours pas ou est ta difficulté ?

Et comme tu n'explique pas tres clairement ce que tu fais, ce que tu veux faire et ce qui te bloque, c'est un dialogue de sourds !

salut !
ok je t'explique ce que j'ai fait
- je charge une image et je la mets dans pictureBox
- j'ai mis une fonction qui permet a l'utilisateur lorsqu'il clique deux fois sur le contour de l'image, le programme dessine une ligne qui relie les deux clique
- j'ai fait une autre fonction qui joue le rôle de peau de peinture de paint
- jusqu'à maintenant c'est bon !!!

- supposant que le contour de la forme sa largeur est d'un pixel donc dans ce cas ce n'est pas facile de dessiner une ligne (car le contour est très fin donc pour pouvoir cliquer dessus il te faut une loupe !!) pour cela je veux mettre a la disposition de l'utilisateur une loupe qui fait un zoom sur l'image, pour qu'il puisse voir très facilement les points du contour.

maintenant si je fais des changement sur la taille de l'image j'aurai des problèmes avec les autres fonction !!! j'ai pense a faire comme toi, lorsqu'il clique sur un bouton que je nome LOUPE une nouvelle fenêtre s'ouvre qui contient un pictureBox et un trackBar pour le zoom et je copie le contenue de pictureBox de la fenêtre principale dans pictureBox de la nouvelle fenêtre en suite je fais mes dessins dans nouvelle fenêtre et l'image se modifie au même temps sur pictureBox initial !!! voila mais je ne sais pas si c'est la bonne solution !! en plus ce sera pas facile pour l'implémenter

Si j'ai bien compris ca me semble la seule bonne solution

:salut:
mais je pense que c'est un peu compliqué pour le faire surtout pour afficher au même temps dans les deux pictureBox non !! je ne sais pas comment faire pour manipuler le zoom avec trackBar c'est sûrement ce que t'as utilisé non ? et j'aimerais faire aussi si t'as une idée, ajouter un HscrollBar sur pictureBox, en cas de débordement de l'image ?? merci beaucoup pour ton aide..
a+

Non !

Je n'ai pas fait de trackbar
L'utilisateur définit un carré dans son image avec drag click droit de la souris
Quand il lache j'ouvre le zoom
Et il peut encore recadrer la position de son carré en tirant sur son image zoom avec une petite main !

waw !!!
c'est super ce que t'as fait comment tu l'as fait

Voila une base

Maintenant cherche un peu aussi !
Quand je l'ai fait j'ai aussi chipoté avant de trouver la solution mais c'est vraiment comme ca qu'on apprends .


Les event mouse

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

// ********************************************************************************************** private void pb_cont_MouseDown(object sender, MouseEventArgs e) { if (radio_map2.Checked == true) { Point pa = new Point(e.X, e.Y); CalcDist(pa); return; } // points pour zoom if (e.Button == MouseButtons.Right) { pRef.X = e.X; pRef.Y = e.Y; } } // ********************************************************************************************** private void pb_cont_MouseMove(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Right) // pour le zoom { pbDrawRectangle(e.X, e.Y); return; } } // ********************************************************************************************** private void pb_cont_MouseUp(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Right) { pbZoom(e.X, e.Y); return; } }

---

Le dessin du carré

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

// ************************************************************************************************** void pbDrawRectangle(int X, int Y) { pb_cont.Refresh();   int dX = Math.Abs(X - pRef.X); int dY = Math.Abs(Y - pRef.Y);   int Z = Math.Max(dX, dY); dX = Z; dY = Z;   int rX = pRef.X; int rY = pRef.Y;   if (X - pRef.X < 0) rX = X; if (Y - pRef.Y < 0) rY = Y;   Graphics graphics = pb_cont.CreateGraphics(); graphics.DrawRectangle(Pens.Black, rX, rY, dX, dY);   }

---