PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II

PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II

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.

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.

Si nous pressons le bouton Dessiner:

Code associé au bouton Dessiner:

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:

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).

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)

Code inséré dans Form1:

Résultat de l’exécution:

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.

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

Interface Data Grid Picture Box Tab

Lecture des données

Lecture des données (code: déclarations globales)

Lecture des données (code: chargement des données)

Création du graphique (Code du bouton Dessiner Graphique Location Totale)

Création du graphique (Déterminer les échelles)

Création du graphique (Traçage des axes)

Création du graphique (Ajouts des marques et étiquettes horizontales)

Création du graphique (Ajouts des marques et étiquettes verticales)

Création du graphique (Traçage du graphique)

PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II

Présentations similaires

Présentation au sujet: "PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II"— Transcription de la présentation:

Présentations similaires

Notre projet

Feed-back

Entrer

S'autoriser via un réseau social:

PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II

Présentations similaires

Présentation au sujet: "PROGRAMMATION INFORMATIQUE D’INGÉNIERIE II"— Transcription de la présentation:

Présentations similaires

Notre projet

Feed-back