Dessiner une rectangle sur un picBox

Version imprimable

Bonjour,
je cherche le moyen de dessiner un rectangle ou ellipse sur une pictureBox mais je n'obtiens qu'une succession de rectangles.
Le rectangle ou ellipse dessiner doit en suite faire partie de l'image de la Pictubox.
Voici comment j'ai fais, ça fonctionne mais j'ai plusieurs rectangles qui se superposent. 8O
Merci pour votre aide!! :aie:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
        private void picture_MouseMove(object sender, MouseEventArgs e)
        {
            if (mouseDown)
            {    
                size = new Size(e.X - startPoint.X, e.Y - startPoint.Y);
                this.Invalidate(); 
                gr = Graphics.FromImage(Pic1Resize); //Bitmap "Pic1Resize"
                gr.DrawRectangle(p, new System.Drawing.Rectangle(startPoint, size));
            }
}
        private void picture_MouseDown(object sender, MouseEventArgs e)
        {
            mouseDown = true;
            startPoint = new Point(e.X, e.Y);
        }

15/12/2010, 10h53
theMonz31

il ne faut pas dessiner ton rectangle sur le mouseMove mais plutot sur le MouseUp puisque c'est à ce moment là que se termine la sélection.

Il y a une fonction, DrawSelection qui permet de faire ce que je pense tu essayes de faire.

Si je comprends bien ton problème, tu voudrais selectionner une zone et sur le click up de la souris, dessiner un rectangle ou une ellipse inscrit dans ta selection ?

Est-ce bien celà que tu veux faire ?

voici un bout de code qui devrait t'aider :)

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
71
72
73
 
 
public partial class ExtPictureBox : PictureBox
    {
        private Rectangle selectedRec = new Rectangle(0, 0, 10, 10);
        private bool drawSelection = false;
 
        public ExtPictureBox()
        {
            InitializeComponent();
        }
 
        protected override void OnPaint(PaintEventArgs pe)
        {
            base.OnPaint(pe);
 
            if (drawSelection)
            {
                DrawSelection(pe.Graphics);
            }
        }
 
        private void DrawSelection(Graphics graphics)
        {
            //HatchBrush brush = new HatchBrush(HatchStyle.DottedGrid, Color.Black);
            //Pen pen = new Pen(brush);
 
            Rectangle inside = selectedRec;
            inside.Inflate(-5, -5);
            ControlPaint.DrawSelectionFrame(graphics, true, selectedRec, inside, Color.Black);
            Trace.WriteLine(selectedRec.ToString());
            //graphics.DrawRectangle(pen, selectedRec);
            //pen.Dispose();
            //brush.Dispose();
        }
 
        protected override void OnMouseMove(MouseEventArgs e)
        {
            base.OnMouseMove(e);
            if (drawSelection)
            {
                selectedRec.Width = e.X - selectedRec.X;
                selectedRec.Height = e.Y - selectedRec.Y;
                Invalidate();
            }
        }
 
        protected override void OnMouseDown(MouseEventArgs e)
        {
            base.OnMouseDown(e);
            drawSelection = true;
            selectedRec.X = e.X;
            selectedRec.Y = e.Y;
            selectedRec.Width = 0;
            selectedRec.Height = 0;
            Invalidate();
        }
 
        protected override void OnMouseUp(MouseEventArgs e)
        {
            base.OnMouseUp(e);
            if (drawSelection)
            {
                Graphics g = Graphics.FromImage(this.Image);
                Pen p = new Pen(Color.Black,2);
                g.DrawRectangle(p, selectedRec);
                p.Dispose();
                g.Dispose();                
                drawSelection = false;
                Invalidate();
            }
        }
    }

Il s'agit d'une petite classe qui autorise la sélection d'une zone dans ton image et qui dessine un rectangle correspondant à la selection.

Pour une ellipse, il suffit de faire un DrawEllipse() à la place du drawRectangle !!!

Attention, il faut que tu es une image dans ta pictureBox....

J'ai crée une UserControl.. et j'hérite de la PictureBox comme tu peux le voir dans le code fourni !!!

Bon courage !

15/12/2010, 11h08
lolo81

Bonjour,
Je veux faire la même chose comme dans Paint, c'est à dire dessiner un rectangle qui fera partie de l'image de ma picBox.
Si je fais ce que tu dis ça fonctionne mais on ne vois pas le rectangle se dessiner.
Merci pour ta réponse rapide !!

Tiens, j'avais aussi un petit bout de code pour toi....

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
private void pictureBox1_Paint(object sender, PaintEventArgs e)
    {
      e.Graphics.DrawRectangle(new Pen(Color.Black, 1f), rect);
    }
 
    private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
    {
      mouseDown = true;
      startPoint = new Point(e.X, e.Y);
    }
 
    private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
    {
      if (mouseDown)
      {
        size = new Size(e.X - startPoint.X, e.Y - startPoint.Y);
        pictureBox1.Invalidate();
        rect = new Rectangle(startPoint, size);
      }
    }
 
    private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
    {
      Graphics.FromImage(pictureBox1.Image).DrawRectangle(new Pen(Color.Black, 1f), rect);
      mouseDown = false;
    }

15/12/2010, 11h29
theMonz31

ton code finalement pphil revient au même :)

Après, on peut dessiner avec ControlPaint() ou bien dans le OnPaint() la mise à jour du rectangle ou de l'ellipse en cours de dessin :)

et dans le MouseUp, intégrer le résultat dans l'image de fond...

Le principe de toute façon reste le même :)
15/12/2010, 11h40
ppphil

Citation:

Envoyé par theMonz31

ton code finalement pphil revient au même :)

Absolument ! et ce n'étais pas pour marcher dans tes plate-bandes...:ccool:
15/12/2010, 12h08
lolo81

:ccool: la méthode de ppphil fonctionne à merveille pour le rectangle mais pas pour l'ellipse malgré mes modifs. :aie:
Pour résumer on dessine une rectangle sur la picBox, puis dans le mousUp on on dessine graphiquement ce rectangle dans l'image.
En tout merci à tous les deux !!
15/12/2010, 12h22
ppphil
Citation:

Envoyé par lolo81

:ccool: la méthode de ppphil fonctionne à merveille pour le rectangle mais pas pour l'ellipse malgré mes modifs. :aie:

Si avec ça ça ne fonctionne pas, dessine l'ellipse avec un marker sur l'écran :mrgreen:
Code:

1 2 3 4 private void pictureBox1_Paint(object sender, PaintEventArgs e) { e.Graphics.DrawEllipse(new Pen(Color.Black, 1f), rect); }

:mouarf:

Code:

e.Graphics.DrawEllipse(new Pen(Color.Red, 2f), rect);

ne m'affiche une ellipse que si un rectangle est préalablement dessiné :calim2: ??
Dans le paint:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
        private void picture_Paint(object sender, PaintEventArgs e)
        {
            if ((mouseDown == true)&&(ComboOutil.SelectedText=="Rectangle"))
            {
              e.Graphics.DrawRectangle(new Pen(Color.Red, 2f), rect);
            }
 
            else  if ((mouseDown == true)&&(ComboOutil.SelectedText=="Ellipse"))
            {
                e.Graphics.DrawEllipse(new Pen(Color.Red, 2f), rect);
 
            }

et dans le MouseMove

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
                     if ((mouseDown) && (ComboOutil.SelectedText == "Rectangle"))
                      {
                          size = new Size(e.X - startPoint.X, e.Y - startPoint.Y);
                          picture.Invalidate();
                          rect = new System.Drawing.Rectangle(startPoint, size);
                      }
                     else if ((mouseDown) && (ComboOutil.SelectedText == "Ellipse"))
                      {
                          size = new Size(e.X - startPoint.X, e.Y - startPoint.Y);
                          picture.Invalidate();  
                          gr = Graphics.FromImage(Pic1Resize);
                          gr.DrawEllipse(new Pen(Color.Red, 2f), rect);
                     }

On y est presque !!! :mrgreen:

l'Ellispe se forme au mouseUp mais pas dans le Paint. ??:?
si je remplace "cercle" par " Rec" c'est l'inverse !!??
j'ai rajouté un label pour m'informé de ComboOutil , le résultat est bon, ne peut on pas mettre plusieur graphique dans Paint? :?

Le paint:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
        private void picture_Paint(object sender, PaintEventArgs e)
        {
 
            if ((mouseDown==true)&&(ComboOutil.SelectedText == "cercle"))
            {
                e.Graphics.DrawEllipse(new Pen(Color.Red, 2f), startPoint.X, startPoint.Y, Wl, Wh);
 
            }
            if ((mouseDown==true)&&(ComboOutil.SelectedText == "Rec"))
            {
                e.Graphics.DrawRectangle(new Pen(Color.Red, 2f), rect);
            }
            label2.Text = ComboOutil.SelectedText;
        }
            }

le MouseMove

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
        {
 
            if (Pic1Resize != null)
            {
                if((mouseDown==true)&&(ComboOutil.SelectedText == "Rec"))
                {
                    Graphics.FromImage(Pic1Resize).DrawRectangle(new Pen(Color.Red, 2f), rect);
                    mouseDown = false;
                    picture.Refresh();
                }
               if ((mouseDown==true)&&(ComboOutil.SelectedText == "cercle"))
                {
                   gr = Graphics.FromImage(Pic1Resize);
                  gr.DrawEllipse(new Pen(Color.Red, 2f), startPoint.X, startPoint.Y, Wl, Wh);
                  mouseDown = false;
                  picture.Refresh();
                }
            }
       }

le mouseUp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
        {
 
            if (Pic1Resize != null)
            {
                if((mouseDown==true)&&(ComboOutil.SelectedText == "Rec"))
                {
                    Graphics.FromImage(Pic1Resize).DrawRectangle(new Pen(Color.Red, 2f), rect);
                    mouseDown = false;
                    picture.Refresh();
                }
               if ((mouseDown==true)&&(ComboOutil.SelectedText == "cercle"))
                {
                   gr = Graphics.FromImage(Pic1Resize);
                  gr.DrawEllipse(new Pen(Color.Red, 2f), startPoint.X, startPoint.Y, Wl, Wh);
                  mouseDown = false;
                  picture.Refresh();
                }
            }
       }

Tu ne modifie que dans le Paint si tu as un rectangle ou une ellipse
Le deuxième paramètre est dans les deux cas un rectangle...
Ailleurs tu ne touches à rien...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
    private void pictureBox1_Paint(object sender, PaintEventArgs e)
    {
      if(ComboOutil.SelectedText == "cercle")
      { 
        e.Graphics.DrawEllipse(new Pen(Color.Black, 1f), rect);
      }
      else
      {
        e.Graphics.DrawRectangle(new Pen(Color.Black, 1f), rect);
      } 
    }

15/12/2010, 19h39
lolo81

Citation:

Envoyé par ppphil

Tu ne modifie que dans le Paint

J'ai testé aussi sans succès, on ne peut mettre qu'un seul e.Graphics si non le deuxième n'est pas pris en compte.
Si le premier est DrawRectancle ce sera un rectangle, et si c'est DrawEllipse se sera une ellipse.
Même sans mettre de condition If et else c'est pareil.
J'ai créer un nouveau projet avec seulement une picBox et un combo, le problème est identique. :(

Je ne sais pas ce que tu bricoles....
Utilise ce code et uniquement celui-ci dans un nouveau projet...

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
private void pictureBox1_Paint(object sender, PaintEventArgs e)
    {
      if (checkBox1.Checked)
      {
        e.Graphics.DrawEllipse(new Pen(Color.Black, 1f), rect);
      }
      else
      {
        e.Graphics.DrawRectangle(new Pen(Color.Black, 1f), rect);
      } 
    }
 
    private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
    {
      mouseDown = true;
      startPoint = new Point(e.X, e.Y);
    }
 
    private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
    {
      if (mouseDown)
      {
        size = new Size(e.X - startPoint.X, e.Y - startPoint.Y);
        pictureBox1.Invalidate();
        rect = new Rectangle(startPoint, size);
      }
    }
 
    private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
    {
      Graphics graph;
 
      graph = Graphics.FromImage(pictureBox1.Image);
      graph.DrawRectangle(new Pen(Color.Black, 1f), rect);
 
      mouseDown = false;
    }

En mettant un picturebox et un checkbox dans ta form...

16/12/2010, 12h16
lolo81

:ccool:
Bonjour,
j'y ai bossé tard hier soir sans trouver la source du problème, ce matin sans rien faire ça fonctionne???? :calim2:
La seule modif entre hier soir et ce matin est : reboot du PC :?
Vu le temps que j'y ai passé pour y arriver (4 jours entiers), je voudrai comprendre d'où vient l'erreur.

Question: est il possible de beuguer VisualStudio(2005) à force de faire des test de fonctions?
Dans VisualStudio si on clique sur Générer la solution,Régénérer la solution puis sur Nettoyer la solution on ne remet pas tout en phase?

Merci pour ta patience envers un débutant comme moi!!
16/12/2010, 13h13
ppphil

Citation:

Envoyé par lolo81

Question: est il possible de beuguer VisualStudio(2005) à force de faire des test de fonctions?
Dans VisualStudio si on clique sur Générer la solution,Régénérer la solution puis sur Nettoyer la solution on ne remet pas tout en phase?

J'ai déjà eu affaire à des comportements bizarres. Quant à répondre avec précision à la question.... :hola:

Citation:

Envoyé par lolo81

Merci pour ta patience envers un débutant comme moi!!

C'était un plaisir !