Rendre les graphiques apparents

Article
08/21/2008

Mise à jour : novembre 2007

Dans cette leçon, vous apprendrez à utiliser les méthodes graphiques de Visual Basic pour dessiner sur un formulaire.

Dans une leçon précédente, vous avez appris comment afficher des images sur un formulaire à l'aide d'un contrôle PictureBox. Cette technique est efficace si vous disposez déjà d'une image, mais vous pouvez parfois être amené à dessiner directement sur votre formulaire. Par exemple, vous pouvez dessiner une ligne pour séparer deux champs, ou un cercle pour mettre en surbrillance une étiquette importante.

Visual Basic vous permet d'utiliser des méthodes graphiques pour dessiner pratiquement n'importe quel élément sur un formulaire ou un contrôle.

Notions graphiques de base

Avant de commencer à dessiner, vous devez savoir plusieurs choses. Un écran d'ordinateur est composé de milliers de très petits points, connus sous le nom de pixels. En définissant la couleur de chaque pixel, votre programme contrôle ce qui s'affiche à l'écran. Bien sûr, la plus grande part de cette tâche est réalisée pour vous par le code qui définit les formulaires et les contrôles.

Considérez le formulaire comme une zone de dessin sur laquelle vous pouvez dessiner ou peindre ; et comme une véritable zone de dessin, un formulaire a des cotes. Là où une vraie zone de dessin se mesure en centimètres, un formulaire se mesure en pixels. Un système de coordonnées détermine l'emplacement de chaque pixel ; la coordonnée X se mesure de gauche à droite et la coordonnée Y de haut en bas.

Les coordonnées démarrent dans l'angle supérieur gauche du formulaire. Aussi, si vous souhaitez dessiner un seul point à dix pixels à gauche et dix pixels au-dessous de ce point d'origine, vous spécifiez les coordonnées X et Y de la manière suivante : 10, 10.

Les pixels sont également utilisés pour exprimer la largeur et la hauteur des éléments graphiques. Pour définir un carré de 100 pixels de large et de 100 pixelsde haut, dont le coin supérieur gauche se trouve à 10 pixels du gauche et à 10 pixels du dessus, vous devez exprimer ses coordonnées comme suit : 10, 10, 100, 100.

Le fait de dessiner à l'écran est connu sous le nom de peinture. Les formulaires et les contrôles disposent d'un événement Paint qui survient à chaque fois que ceux-ci doivent être redessinés ; par exemple, lorsqu'un formulaire s'affiche pour la première fois, ou lorsqu'il a été recouvert par une autre fenêtre. Tout code rédigé pour afficher des éléments graphiques est généralement contenu dans le gestionnaire d'événements Paint.

Dessin d'une ligne

Pour dessiner une ligne en travers d'un formulaire, vous devez définir deux éléments : ses coordonnées et sa couleur. Comme nous l'avons vu ci-dessus, les coordonnées X et Y sont exprimées en pixels. Une ligne donnée dispose de deux jeux de coordonnées : l'emplacement de début suivi de l'emplacement de fin.

Tout comme vous utiliseriez un stylo pour tracer une ligne sur un morceau de papier, Visual Basic utilise un objet Pen pour dessiner sur un formulaire. L'objet Pen définit l'aspect de la ligne ; dans le cas présent, sa couleur. Dans la procédure suivante, vous dessinerez des lignes horizontale, verticale et diagonale sur un formulaire.

Essayez !

Pour dessiner des lignes

Dans le menu Fichier, sélectionnez NouveauProjet.
Dans la boîte de dialogue Nouveau projet, dans le volet Modèles, cliquez sur Application Windows.
Dans la zone Nom, tapez Lines, 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 400 pixel black line 25 pixels from the top of the form.
e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
' Draw a 500 pixel red line 100 pixels from the left of the form.
e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
' Draw a diagonal blue line from the upper left to the lower right.
e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)

Appuyez sur F5 pour exécuter le programme. Le formulaire devrait afficher trois lignes.

Étapes suivantes

Dans cette leçon, vous avez appris les notions graphiques de base, ainsi que la manière de dessiner des lignes. Dans la leçon suivante, vous apprendrez à dessiner des formes telles que des rectangles et des cercles.

Leçon suivante : Dessin de formes sur un formulaire