PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II

PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II PRO-1024

Contenu du Chapitre III • Visual Basic .NET (VB.NET) • VB et premier programme • Introduction à la programmation-objet • Applications Windows • Chapitre 11 (Troelsen) • Manipulations de fichiers • Dessins et images • Chapitre 10 (Troelsen)

VB .NET (Dessins et images) • Le périphérique sur lequel nous dessinons ou affichons une image s'appelle un "Device Context" ou contexte de périphérique. • Dans la plupart des cas il s'agit de l'écran de l'ordinateur (la carte graphique), ou l'imprimante. • C'est un objet de la classe Graphics qui représente un contexte de périphérique. • Les outils de dessins et d'images font partie de ce qui est appellé le GDI+ (Graphic Device Interface). Le GDI comporte des pinceaux (Brush), des crayons (Pen), des images (Bitmap), différents types de lignes, des régions pour le remplissage (Region), différentes polices de caractères. • La classe Graphics contient aussi beaucoup d'utilitaires pour le traçage des dessins.

VB .NET (Dessins et images) • La figure suivante montre une forme dans laquelle nous dessinons. Si nous pressons le bouton, le dessin est effectué. • Si nous cachons la forme, puis la faisons réapparaître, la figure est alors réaffichée.

VB .NET (Dessins et images) • Si nous pressons le bouton Dessiner:

VB .NET (Dessins et images) • Code associé au bouton Dessiner:

VB .NET (Dessins et images) • Notez dans le code précédent nous utilisons la méthode Invalidate pour demander de redessiner. Cette fonction provoque l'appel de la fonction OnPaint() de l’objet (Me) qui est dans ce cas la forme Form1. Pour obtenir le prototype de la fonction OnPaint(), Nous sélectionnons dans les "Overrides" de Form1, l'événement OnPaint:

VB .NET (Dessins et images) • Unités de mesure • Nous avons déjà mentionné les unités (entières) de mesure des classes Point et Size. Il existe des version avec des nombres fractionnaires: SizeF, PointF. • Il existe aussi des classes pour les mesures rectangulaires: Rectangle et RectangleF. • En général, l'untité par défaut pour la position est le pixel. De plus, la coordonnée en X augmente vers la droite, et la coordonnée en Y augmente vers le bas. • En général, nous dessinons dans une zone-client. Les coordonnées du coin supérieur gauche d'une zone est habituellement (0,0).

VB .NET (Dessins et images) • Transformation des coordonnées • Dans la classe Graphics, nous retrouvons des fonctions qui permettent de changer le système de coordonnées: TranslateTransform, RotateTransform et ScaleTransform. • Par exemple, si nous ajoutons les lignes suivantes juste avant de dessiner, dans le programme précédent, nous obtenons: g.RotateTransform(10) g.ScaleTransform(2, 2) g.TranslateTransform(25, -50)

VB .NET (Dessins et images) • Code inséré dans Form1:

VB .NET (Dessins et images) • Résultat de l’exécution:

VB .NET (Dessins et images) • Notez que l'ordre des transformations est important. Ces transformations sont insérées dans une matrice de type Matrix qui est donnée par la propriété Transform de l'objet de type Graphics. • Cet objet a aussi 2 propriétés qui donnent le nombre de points par pouce "Dot Per Inche" en X et Y: DpiX, DpiY. • La propriété PageUnit permet de choisir le type d'unité: en pixels, en pouces, ... (voir GraphicsUnit). • La propriété PageScale permet aussi de faire varier l'échelle. • Voici quelques fonctions de dessin: DrawLine, DrawArc, DrawCurve, DrawPolygon, DrawPie.

VB .NET (Dessins et images) • Création d’un graphique • Étapes de création d’un graphique • Ajout d’un contrôle Picture Box à la forme Form1 de notre projet • Lecture des données permettant la création du graphique et affichage des données dans un Data Grid • Détermination des échelles • Traçage des axes • Ajout des marques sur chaque axe • Ajout des étiquettes • Traçage du graphique

VB .NET (Dessins et images) Data Grid Picture Box • Interface Tab

VB .NET (Dessins et images) • Lecture des données

VB .NET (Dessins et images) • Lecture des données (code: déclarations globales)

VB .NET (Dessins et images) • Lecture des données (code: chargement des données)

VB .NET (Dessins et images) • Création du graphique (Code du bouton Dessiner Graphique Location Totale)

VB .NET (Dessins et images) • Création du graphique (Déterminer les échelles)

VB .NET (Dessins et images) • Création du graphique (Traçage des axes)

VB .NET (Dessins et images) • Création du graphique (Ajouts des marques et étiquettes horizontales)

VB .NET (Dessins et images) • Création du graphique (Ajouts des marques et étiquettes verticales)

VB .NET (Dessins et images) • Création du graphique (Traçage du graphique)

PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II