Dessin de formes sur un formulaire

Article
08/21/2008

Mise à jour : novembre 2007

Dans cette leçon, vous apprendrez comment dessiner des formes, telles que des rectangles ou des cercles, sur un formulaire.

Dans la leçon précédente, vous avez appris comment dessiner des lignes sur un formulaire à l'aide de la méthode graphique DrawLine et d'un objet Pen. En plus de la méthode DrawLine, Visual Basic dispose de méthodes graphiques pour dessiner des formes et d'objets graphiques, connus sous le nom de pinceaux (« brush » en anglais), pour les remplir.

Dessin de formes simples

Le dessin d'une forme est une opération similaire au dessin d'une ligne ; vous devez définir les coordonnées et la couleur qui serviront au dessin. Là où une ligne obtient des coordonnées, qui définissent ses points de départ et de fin, une forme, telle qu'un carré ou un rectangle, obtient des coordonnées qui décrivent son coin supérieur gauche, sa largeur et sa hauteur.

Les cercles et les ovales (également connus sous le nom d'ellipses) n'ont pas de coin supérieur gauche ; aussi, les coordonnées décrivent les coins supérieurs gauches du rectangle les englobant : un rectangle imaginaire doté des mêmes largeur et hauteur que le cercle ou l'ovale.

Essayez !

Pour dessiner des formes

Dans le menu Fichier, choisissez Nouveau projet.
Dans la boîte de dialogue Nouveau projet, dans le volet Modèles, sélectionnez Application Windows.
Dans la zone Nom, tapez Shapes, puis cliquez sur OK.

Un nouveau projet Windows Forms s'ouvre.
Double-cliquez sur le formulaire pour ouvrir l'éditeur de code, puis sélectionnez Paint dans la liste déroulante Événements.

Dans le gestionnaire d'événements Form1_Paint, ajoutez le code suivant :

' Draw a 200 by 150 pixel green rectangle.
e.Graphics.DrawRectangle(Pens.Green, 10, 10, 200, 150)
' Draw a blue square
e.Graphics.DrawRectangle(Pens.Blue, 30, 30, 150, 150)
' Draw a 150 pixel diameter red circle.
e.Graphics.DrawEllipse(Pens.Red, 0, 0, 150, 150)
' Draw a 250 by 125 pixel yellow oval.
e.Graphics.DrawEllipse(Pens.Yellow, 20, 20, 250, 125)

Appuyez sur F5 pour exécuter le programme. Quatre formes doivent s'afficher dans le formulaire.

Laissez le projet ouvert ; vous lui ajouterez des éléments dans la procédure suivante.

Dessin de formes pleines

Jusqu'à présent, les formes que vous dessiniez étaient de simples contours. Pour dessiner des formes avec les couleurs unies, vous devez utiliser l'une des méthodes de remplissage, notamment FillRectangle ou FillEllipse. Les méthodes de remplissage utilisent un objet Brush, un autre type d'objet graphique qui permet de peindre une surface.

Lorsque vous remplissez une forme d'une couleur différente, vous devez définir des coordonnées inférieures à celles de la forme, sinon sa bordure sera, elle aussi, couverte. Par exemple, pour remplir un carré de coordonnées 0, 0, 150, 150, spécifiez un remplissage de coordonnées 1, 1, 148, 148, en considérant une ligne de contour d'un pixel d'épaisseur.

Pour dessiner des formes pleines

Dans le gestionnaire d'événements Form1_Paint, ajoutez le code suivant sous le code que vous avez entré auparavant.

' Fill the circle with the same color as its border.
e.Graphics.FillEllipse(Brushes.Red, 0, 0, 150, 150)
' Fill the square with a different color.
e.Graphics.FillRectangle(Brushes.Aquamarine, 31, 31, 148, 148)

Appuyez sur F5 pour exécuter le programme.

Notez que le carré rempli s'affiche sur le cercle rempli, mais que cette partie de sa bordure a disparu. L'ordre dans lequel vous appelez les méthodes graphiques détermine l'ordre dans lequel celles-ci dessinent ; dans le cas présent, le cercle rempli a été dessiné après le rectangle à bordure bleue.

Modifiez l'ordre des méthodes et voyez le résultat.

Étapes suivantes

Dans cette leçon, vous avez appris comment dessiner et remplir des formes. Dans la leçon suivante, vous apprendrez comment dessiner un texte à l'aide de méthodes graphiques.

Leçon suivante : Dessin de texte sur un formulaire