Présentation sur la programmation dans l'environnement Delphi sur le thème : "Affichage d'informations graphiques dans Delphi". Utilisation des fonctionnalités graphiques Delphi Brève théorie

Pour afficher des informations graphiques, la bibliothèque Delphi fournit des composants dont la liste est donnée dans le tableau. 6.

Tableau 6

Composants pour afficher des informations graphiques

Composant Page Description
Image Supplémentaire Utilisé pour afficher des graphiques
PaintBox (fenêtre pour dessiner) Système Utilisé pour créer une zone sur le formulaire dans laquelle vous pouvez dessiner
DrawGrid (table des dessins) Supplémentaire Utilisé pour afficher des données non textuelles dans des lignes et des colonnes
Graphique (graphiques et graphiques) Supplémentaire Le composant appartient à la famille de composants TeeChart, utilisés pour créer des tableaux et des graphiques.
Chartfx (graphiques et graphiques) ActiveX Éditeur de graphiques et de graphiques
FIBook (pages Excel) ActiveX Composante de saisie et de traitement d'informations numériques
VtChart (graphiques) ActiveX Fenêtre de création de diagrammes

De plus, vous pouvez afficher et saisir des informations graphiques sur la surface de n'importe quel composant de fenêtre possédant la propriété Toile- toile.

Tables d'images - Composants DrawGrid et StringGrid

Composant DessinerGrille utilisé pour créer une table dans l'application pouvant contenir images graphiques. Ce composant est similaire au composant Grille de chaînes puisque ce dernier est dérivé de DrawGrid. Donc dans DessinerGrille toutes les propriétés, méthodes, événements du composant sont présents Grille de chaînes sauf ceux liés au texte, c'est-à-dire sauf propriétés Cellules, Cols, lignes, objets. De ce point de vue, la composante Grille de chaînes a des capacités nettement supérieures à celles DessinerGrille puisqu'il peut stocker à la fois des images et des textes dans des cellules. Et si vous souhaitez saisir du texte dans certaines cellules DessinerGrille vous devrez alors utiliser des méthodes pour afficher du texte sur un plan, ce qui n'est pas très pratique.

Composants DrawGrid et StringGrid avoir un aperçu Toile, sur lequel vous pouvez poster des images.

Il existe une méthode Cellule-Rect, qui renvoie la zone de canevas allouée pour une cellule donnée. Cette méthode est définie comme

fonction CellRect(ACol, ARow : Longint) : TRect ;

ACol et ARow- des indices de colonnes et de lignes commençant à 0, à l'intersection desquels se trouve la cellule. La zone renvoyée par cette fonction est la zone de canevas dans laquelle l'image souhaitée peut être dessinée. Par exemple, l'opérateur

DrawGridl.Canvas.CopyRect(DrawGridl.CellRect(1,1),

BitMap.Canvas,Rect(0,0,BitMap.Height,BitMap.Width));

méthode de copie CopierRectà la cellule (1,1) du tableau DessinerGrille image du composant BitMap. Cette cellule est la deuxième en partant de la gauche et la deuxième en partant du haut du tableau, puisque les indices commencent à 0. Veuillez noter que si la cellule est plus petite que la taille de l'image copiée, seule la partie supérieure gauche de l'image apparaîtra dans la cellule.

Image sur le canevas du composant DrawGrid et StringGrid, comme sur le canevas de n'importe quel composant, il est sujet à effacement lorsque la fenêtre de l'application est superposée par d'autres fenêtres ou, par exemple, lorsque l'application est réduite.

D'une manière pratique ajouter des images aux cellules DessinerGrille est d'utiliser un gestionnaire d'événements SurDrawCell. Ces événements se produisent pour chaque cellule du tableau au moment où elle est redessinée. L'en-tête du gestionnaire ressemble à :

procédure TForml.DrawGridlDrawCell(Sender: TObject;

ACol, ARow : entier ; Rect : TRect ; État : TGridDrawState)

Paramètre État indique l'état de la cellule. C'est un ensemble pouvant contenir les éléments suivants : gdSélectionné- cellule sélectionnée, gdFocused- la cellule focalisée, gdFixe- une cellule dans une zone fixe du tableau. Paramètre État peut être utilisé pour afficher les cellules différemment dans différents états.

Composant de forme

Composant de forme ne peut être classé que sous certaines conditions comme moyen d'affichage d'informations graphiques, car il représente simplement diverses formes géométriques, ombrées de manière appropriée. La propriété principale de ce composant est Forme(formulaire), qui peut prendre les valeurs suivantes :

StRectangle – rectangle ;

StSquare – carré ;

StRoundRect - rectangle aux coins arrondis ;

StRouhdSquare - carré aux coins arrondis ;

StEllipse – ellipse ;

StCircle - cercle.

Une autre propriété essentielle du composant est Brosse(brosse). Cette propriété est un objet de type TBrush, ayant un certain nombre de sous-propriétés, notamment la couleur (Pinceau. Couleur) et style (Style Pinceau) remplir la figure. Vous pouvez voir le remplissage de certaines valeurs de style sur la Fig. 3.2. La troisième propriété spécifique du composant Forme- Stylo(stylo) qui définit le style de ligne.

Composant graphique

Regardons maintenant le composant Graphique. Ce composant vous permet de créer divers tableaux et graphiques très impressionnants. Composant Graphique a de nombreuses propriétés, méthodes, événements, de sorte que si nous les considérions tous, nous devrions y consacrer un chapitre entier. Nous nous limiterons donc à considérer uniquement les principales caractéristiques Graphique. Vous pouvez trouver le reste dans l'aide intégrée de Delphi, ou simplement les essayer en expérimentant avec les diagrammes.

Composant Graphique est un conteneur d'objets Série- héritiers de la classe TChartSérie. Chacun de ces objets représente une série de données caractérisées par un certain style d'affichage : un graphique ou un diagramme particulier. Chaque composant Graphique peut comprendre plusieurs épisodes. Si vous souhaitez afficher un graphique, alors chaque série correspondra à une courbe sur le graphique. Si vous souhaitez afficher des graphiques, pour certains types de graphiques, vous pouvez superposer plusieurs séries différentes les unes sur les autres, pour d'autres (comme les diagrammes circulaires), cela aura probablement l'air moche. Cependant, même dans ce cas, vous pouvez définir un composant Graphique plusieurs séries de données identiques avec différents types des diagrammes. Ensuite, en en rendant un actif à chaque fois, vous pouvez proposer à l'utilisateur le choix du type de graphique qui affiche les données qui l'intéressent.

Placez un ou deux composants Graphique sur le formulaire et examinez les propriétés qui s'ouvrent dans l'inspecteur d'objets. Voici quelques explications sur certains d’entre eux.

AllowPanning - détermine la capacité de l'utilisateur à faire défiler la partie observée du graphique pendant l'exécution en appuyant sur le bouton droit de la souris. Valeurs possibles : pmNone - le défilement est interdit, pmHori/ontal, pm Vertical ou pmBoth - le défilement est autorisé, respectivement, uniquement dans le sens horizontal, uniquement dans le sens vertical ou dans les deux sens.

AhowZoom - permet à l'utilisateur de modifier le zoom d'une image au moment de l'exécution en découpant des parties d'un tableau ou d'un graphique avec le curseur de la souris. Si le cadre d'un fragment est dessiné vers la droite et vers le bas, alors ce fragment est étiré pour couvrir tout le champ du graphique. Et si le cadre est tiré vers la gauche, alors l'échelle d'origine est restaurée.

Titre - définit le titre du diagramme.

Pied - définit la légende sous le diagramme. Aucun par défaut. Le texte de la signature est déterminé par la sous-propriété Text.

Cadre - définit le cadre autour du diagramme.

À côté de la plupart des propriétés répertoriées dans l'inspecteur d'objets, il y a des boutons avec des points de suspension qui vous permettent d'appeler l'une ou l'autre page de l'éditeur de graphiques - une fenêtre multipage qui vous permet de définir toutes les propriétés des graphiques. L'éditeur de diagrammes peut également être appelé en double-cliquant sur le composant Graphique ou en cliquant dessus avec le bouton droit et en sélectionnant la commande Modifier le graphique dans le menu contextuel.

Double-cliquez sur le composant supérieur Graphique. Vous serez redirigé vers la fenêtre de l'éditeur de graphique sur la page Graphique, qui comporte plusieurs onglets. Tout d’abord, vous serez intéressé par l’onglet Série. Cliquez sur le bouton Ajouter - ajoutez une série. Vous serez redirigé vers une fenêtre où vous pourrez sélectionner le type de graphique ou de graphique. Dans ce cas, sélectionnez Pie - un diagramme circulaire. A l'aide de l'onglet Titres, vous pouvez définir le titre du graphique, l'onglet Légende permet de définir les paramètres d'affichage de la légende du graphique (liste de symboles) ou de la supprimer complètement de l'écran, l'onglet Panneau détermine l'apparence du panneau sur dans lequel le graphique est affiché, l'onglet 3D vous donne la possibilité de modifier l'apparence de votre graphique : inclinaison, décalage, épaisseur, etc.

Lorsque vous travaillez dans l'éditeur de graphiques et que vous avez sélectionné un type de graphique, les composants Graphique Votre formulaire affiche son apparence avec les données conditionnelles qui y sont saisies. Par conséquent, vous pouvez immédiatement voir le résultat de l’application de diverses options à votre application, ce qui est très pratique.

La page Série, qui comporte également un certain nombre d'onglets, vous donne la possibilité de sélectionner caractéristiques supplémentaires affichage de la série. En particulier, pour un graphique à secteurs, dans l'onglet Format, il est utile d'activer l'option Secteur cerclé, qui garantira que le graphique soit affiché sous forme de cercle quelle que soit la taille du composant Graphique. Dans l'onglet Marques, les boutons du groupe Style déterminent ce qui sera écrit sur les étiquettes liées aux segments individuels du graphique : Valeur - valeur, Pourcentage - pourcentages, Étiquette - noms de données, etc.

Vous pouvez si vous le souhaitez ajouter une autre série identique à ce composant Graphique en cliquant sur le bouton Cloner de l'onglet Séries de la page Graphique, puis pour cela nouvelle série Cliquez sur le bouton Modifier et sélectionnez un autre type de graphique, par exemple à barres.

Quittez l'éditeur de graphiques, sélectionnez le composant graphique inférieur dans votre application et répétez la définition de ses propriétés à l'aide de l'éditeur de graphiques. Dans ce cas, vous devrez spécifier deux séries si vous souhaitez afficher deux courbes sur le graphique, et sélectionner le type de graphique Courbe. Puisque nous parlons de graphiques, vous pouvez utiliser les onglets Axe et Murs pour spécifier les caractéristiques de coordonnées des axes et des bords tridimensionnels du graphique.

C'est tout pour le design apparence la demande se termine. Il ne reste plus qu'à écrire le code qui précise les données que vous souhaitez afficher. Pour l'application de test, définissons simplement quelques données constantes dans le diagramme circulaire et quelques fonctions dans les graphiques.

Pour définir les valeurs affichées, vous devez utiliser les méthodes Series. Concentrons-nous uniquement sur trois méthodes principales.

Méthode Clair efface une série de données saisies précédemment.

Méthode Ajouter:

Ajouter (Const AValue:Double; Const ALabel:String; AColor:TColor) ,

permet d'ajouter un nouveau point au diagramme. Paramètre Une valeur correspond à la valeur ajoutée, paramètre Une marque- une étiquette qui sera affichée sur le schéma et dans la légende, Une couleur- couleur. Paramètre Une marque- facultatif, il peut être mis vide : ‘ ’. Méthode AjouterXY :

AddXY (Const AXValue, AYValue : Double ; Const ALabel : String ; AColor : TColor)

vous permet d'ajouter un nouveau point au graphe de fonction. Possibilités Valeur AX Et Valeur AY correspondent à l’argument et à la fonction. Possibilités ALabel et AColor la même chose que dans la méthode Ajouter.

Ainsi, la procédure de chargement des données dans notre exemple pourrait ressembler à :

const Al = 155 ; A2 = 251 ; A3 = 203 ; A4=404 ; var je:mot; commencer

Avec la série, commencez

Add(Al,"Atelier l", clJaune);

Ajouter(A2,"Atelier 2",clBleu);

Ajouter(A3,"Atelier 3",clRed);

Ajouter(A4,"Atelier 4",clPurple); fin;

Série2.Clair ; SérieS.Clear ; pour i:=0 à 100, commencez

Série2.AddXY(0,02*Pi*i,sin(0,02*Pi*i)

SérieS.AddXY(0,02*Pi*i,cos(0,02*Pi*i) fin ;

ClRed); ,clBleu);

Les opérateurs Clair sont nécessaires si vous souhaitez mettre à jour les données pendant que l'application est en cours d'exécution.

Ceci conclut notre introduction au composant Graphique. Certes, nous n’avons pris en compte qu’une petite partie de ses capacités.

Bibliothèque de composants visuels (VCL) Delphi nous fournit les composants visuels suivants pour afficher des informations graphiques : Image (image), PaintBox (fenêtre de dessin), DrawGrid (tableau d'images), Chart (tableaux et graphiques), Animate (clips vidéo de sortie). ), ainsi que Formulaire. Ces composants ont une propriété Canvas (discutée ci-dessus) qui donne accès à chaque pixel. Bien entendu, vous n'avez pas besoin de dessiner pixel par pixel pour travailler avec des graphiques dans Delphi ; le système Delphi fournit des outils puissants travailler avec des graphiques.

Examinons de plus près les composants ci-dessus :

Composant d'image

Est un objet de la classe TImage. Utilisé pour afficher des images lues à partir de fichiers graphiques. Par défaut, affiche les images présentées au format *.bmp sur la surface du formulaire. Pour sortir des images au format jpg, vous devez inclure le module JPEG dans la directive use. Situé dans l'onglet Supplémentaire de la palette de composants.

Après avoir placé le composant Image sur le formulaire, celui-ci prend la forme d'une zone rectangulaire sélectionnée.

Figure 9 - Composant image sur le formulaire

Pour ouvrir une boîte de dialogue permettant de sélectionner l'image souhaitée, vous devez effectuer les opérations suivantes à l'aide de l'inspecteur d'objets. Pour ce faire, recherchez la propriété Image et cliquez sur les trois points à sa gauche. La fenêtre Picture Editor s'ouvre et sélectionnez Charger ; dans la fenêtre qui s'ouvre, sélectionnez le fichier image.

Cela peut également être effectué par programme en appelant la méthode LoadFromFile de la propriété Picture :

Image1.Picture.LoadFromFile("name_pic.jpeg");

où name_pic.jpeg est le nom du fichier.

Tableau 8 - Propriétés de base du composant Image

Propriété

Description

Image affichée dans le champ du composant

Dimensions des composants. Si ces dimensions sont inférieures à la taille de l'illustration et que les propriétés Stretch, AutoSize et Proportional sont définies sur False, alors une partie de l'image est affichée.

Vous permet de redimensionner automatiquement les images sans distorsion. Pour effectuer une mise à l'échelle, la propriété AutoSize doit être définie sur False

Vous permet de redimensionner automatiquement (réduire ou étirer) une image pour l'adapter à la taille du composant Image. Si la taille du composant n'est pas proportionnelle à la taille de l'image, alors l'image sera déformée

Vous permet de redimensionner automatiquement un composant pour l'adapter à la taille de l'image

Permet de déterminer la position horizontale de l'image dans le champ du composant Image si la largeur de l'image est inférieure à la largeur du composant.

Surface pour afficher des graphiques

Spécifie une couleur d'arrière-plan d'image transparente

Exemple 1 : écrivez un programme pour afficher des images à l'aide du composant Image. Le programme doit avoir les capacités suivantes :

  • · afficher les images dans le dossier ;
  • · visualiser l'image en taille réelle ou dans le format le plus adapté à la taille de la fenêtre ;
  • · gérer les fichiers image, ainsi qu'imprimer, enregistrer, supprimer et modifier des images ;
  • · si nécessaire, ouvrez l'image dans un programme d'édition ;

Figure 10 - Fenêtre du programme avant son démarrage

Création d'un projet :

  • 1. Créez un dossier pour les fichiers du programme et lancez l'environnement de développement intégré Delphi.
  • 2. Ajoutez des composants au formulaire :

Tout d’abord, nous placerons le composant Image sur le formulaire, composant principal avec lequel nous devrons travailler. En plus de cela, nous aurons besoin des composants suivants :

  • · ScrollBox C'est nécessaire quand en mode pleine grandeur l'image dépassera l'image. On attribue la valeur alClient à sa propriété Aling pour que ses dimensions changent proportionnellement à la taille de la fenêtre. Et placez le composant Image dessus ;
  • · Nous ajouterons également les composants de dialogue SavePictureDialog et OpenPictureDialog, conçus pour enregistrer et ouvrir des images. Nous avons besoin du premier pour copier l'image dans le répertoire sélectionné, du second pour appeler la boîte de dialogue d'ouverture fichier graphique. Ils se trouvent sur la page Boîtes de dialogue de la palette de composants. À partir de cette page, nous avons également besoin du composant PrintDialog, que nous devons appeler la boîte de dialogue de sélection d'une imprimante à imprimer.
  • · Ajoutez MainMenu pour ajouter un menu principal au programme et XPManifest pour un design plus coloré
  • · Nous devons également stocker les noms des images situées quelque part dans le répertoire de travail. Le composant ListBox est pratique à ces fins ; il peut être masqué lors du traitement de l'événement Create de Form1.
  • · Pour placer les boutons de navigation et travail confortable avec eux, nous ajouterons le panneau Voile, sur lequel nous placerons ces boutons (Image précédente, Image suivante, Taille réelle, Ajuster à la taille, Supprimer, Copier vers, Imprimer, Modifier). SpeedButton est sélectionné comme composant pour eux.
  • · Ajoutez une minuterie pour capturer les frappes « Gauche » (image précédente), « Droite » (image suivante) et la touche « Suppr » (suppression de l'image).
  • · Et un autre composant - ProgressBar, qui affiche le processus de chargement de gros fichiers *.Jpg.
  • 3. Écrivez le code pour traiter l'événement de clic sur le bouton (Image précédente, Image suivante, Taille réelle, Ajuster à la taille, Supprimer, Copier vers, Imprimer, Modifier). Écrivez du code pour traiter l'événement de clic sur les éléments du menu MainMenu (Quitter, Ouvrir, Fermer, Créer).
  • 4. Définir paramètres initiaux créer un formulaire. Double-cliquez sur espace libre formulaires et écrire du code procédures procédures TForm1.FormCreate(Sender:TObject), voir le code du module dans l'Annexe 1.
  • 5. Écrivez des procédures du type suivant :

procédure FindFileInFolder(chemin, ext : chaîne);

Cette procédure analyse le dossier de chemin pour les fichiers à l'aide du masque ext.

La liste complète du code du module de programme se trouve à l'annexe 1 (liste de programmes 3).

  • 1. Répertoriez les fonctionnalités du composant Image.
  • 2. De quelle classe le composant Image est-il un objet ?
  • 3. 3. Quel type de fichier le composant Image prend-il en charge par défaut ?
  • 4. 4. Répertoriez les principales propriétés du composant Image.
  • 5. 5. Quelle propriété stocke l'image du composant Image ?

"Affichage d'informations graphiques dans Delphi"
Plan du sujet :
1. Méthodes de sortie graphique
informations en Delphes.
2. Affichez des images.
3. Affichage géométrique
Les figures.

1. Méthodes d'affichage des informations graphiques.
Il existe plusieurs façons dans Delphi
sortie d'informations graphiques :
Sortie de pré-préparé
images (composants d'image,
Forme);
Construire des graphiques et des diagrammes
(Composant graphique, etc.);
Imagerie
par programmation(un objet
Toile).

2. Affichez des images.
Afficher des images à l'aide
Nous avons examiné le composant Image dans
un des sujets précédents.
Ici, nous allons regarder un exemple
mise en œuvre animation la plus simple
par changement périodique
image affichée dans
Composants d'image.
Allez à l'exemple.


Affichage des protozoaires
formes géométriques Sur le formulaire
fournit le composant Shape.

3. Affichage de formes géométriques.
Propriétés de base du composant Shape :
Brosse
Stylo
Forme
Couleur (.Color) et style (.Style) pour
remplir la figure.
Couleur (.Color), style (.Style), largeur
(.Width) et méthode de sortie (.Mode) des lignes
Les figures.
Type de figure géométrique.

3. Affichage de formes géométriques.
À partir de plusieurs composants Shape
Vous pouvez créer des dessins simples.
Changer de position par programme
(.Left, .Top) taille (.Width, .Height) et
couleur (Brush.Color) des composants de forme
sur le dessin il est possible de mettre en œuvre
éléments d'animation simple.
Prenons un exemple.

4. Construction de graphiques et de diagrammes.
Les diagrammes sont pour
plus de représentation visuelle
tableaux de données numériques, leur
affichage visuel et analyse.
Exemple.
Pour créer des diagrammes dans Delphi
il y a plusieurs composants
l'un d'eux est le composant Graphique (section
TeeChart Std).

4. Construction de graphiques et de diagrammes.
Vue du composant Chart après celui-ci
Paramètres sur le formulaire :

4. Construction de graphiques et de diagrammes.
En plus de l'inspecteur d'objets, l'accès à
les propriétés du composant Chart peuvent être
obtenir en ouvrant une fenêtre spéciale
dialogue ( bouton de droite sur le composant\
Modifier le graphique...)
Ajouter
série de données
Changer le type
diagrammes

4. Construction de graphiques et de diagrammes.
Sélection d'un type de graphique :

4. Construction de graphiques et de diagrammes.
Définition des propriétés des axes de coordonnées
(Axe):

4. Construction de graphiques et de diagrammes.
Les données affichées sont généralement
transféré vers Chart par programme,
exemple:
Série1.Effacer ; (série claire)
pour i:=1 à N faire
Series1.addxy(i, A[i], '', clGreen);
Valeur par
Axe X
Valeur par
Axe Y
Signature
Axe X
Couleur des données
sur le schéma
Prenons un exemple de construction
graphique de la fonction y = Sin(x)

Plus loin:
Travaux de laboratoire n°13.1.
"Affichage d'images et de formes géométriques
les figures, leur animation.
Exercice:
1) Développer une application à mettre en œuvre
animation la plus simple par périodique
modifie l'image affichée dans
Composants d'image. (Le nombre de photos n'est pas
moins de trois, sélectionnez des images
tout seul).

Exercice:
2) Imaginez et faites un dessin à partir de
Composants de forme. Par programmation
changer de position, de taille ou de couleur
Composants de forme dans un dessin
mettre en œuvre les éléments du plus simple
animation.

Plus loin:
Travaux de laboratoire n°13.2.
"Construire des graphiques et des diagrammes."
Exercice:
1) Modifier l'application depuis
travail de laboratoire N° 9 (Affichage
données dans le tableau). Ajouter une opportunité
afficher certaines données d'une table
sur un histogramme ou un diagramme circulaire.
2) Construire un graphique de la fonction donnée.

« Affichage d'informations graphiques dans Delphi » Aperçu du sujet : 1.C S pppp ooooo ssss ooooo bbbb yyyy in in in yyyy vvvv ooooo dddd aaaa yy g rrrrr aaaa ffff iii hhhh eee ssss kkkk ooooo yyyy nnnn ffff ooooo rrrrr mmmm ahhh tskst iii iii iiiiii en iv in D D D D eeee llll pppp hhhh iiii O O tttt ooo bbbb rrrrr aaaa zhzhzh eee nnnn iiii eee k k k aaaa rrrrr tttt iiii nnnnn ooooo kkkk O O tttt ooooo bbbb rrrrr aaa zhzhzh eee nnnnn iiiiii eee g g y g eee ooooo mmmm eee ttt rrrr iiii hhchh eee ssss kkkk iiii xxxxx ffff iiii yyyy uuuu rrrrr P Pooooo ssss ttt rrrrr ooooo eee nnnn iiii eee yy g g rrrrr aaaa ffff iiii kkkk ooooo vvvv i i i et d d d d iiiiii aaaa yyyy rrrrr aaaa mmmm mmmm....


1. Méthodes d'affichage des informations graphiques. Dans Delphi, il existe plusieurs manières d'afficher des informations graphiques : Sortie d'images pré-préparées (composants Image, Forme) ; P Construction de graphiques et de diagrammes (Composant Chart, etc.) ; F Formation d'images par programmation (objet Canvas).


2.Afficher 2.Afficher les images. L'affichage des images à l'aide du composant IMAGE que nous avons examiné dans LLC DDDD DDDD LLC Yiyy et et et le ZZZZ P P P PRRRDDDDDDDDDDDDDD IIII XXXX T T T T T T T T T T T T TOTEMMM .... Ici, nous considérerons un exemple de l'animation la plus simple changeant périodiquement l'image affichée dans les composants Image . PPPP eee rrrrr eee yyyytttttoeee nnnn aaaaaaaaaaaaaaaaaaaaaaaaa






3.Affichage 3.Affichage des formes géométriques. ET À partir de plusieurs composants Shape, vous pouvez créer des dessins simples. P En modifiant par programme la position (.Left,.Top), la taille (.Width,.Height) et la couleur (Brush.Color) des composants Shape dans un dessin, vous pouvez implémenter des éléments de l'animation la plus simple. R R R R aaaa ssssssss mmmm ooooh tttt rrrrr eee tttt yee p p p p rrrrr iii mmmm eee rrrrr....


4.Construction 4.Construction de graphiques et de diagrammes. Les diagrammes sont conçus pour une représentation plus visuelle des tableaux de données numériques, leur affichage visuel et leur analyse. PPPP rrrrr iiii mmmm eee rrrrr.... Pour créer des graphiques dans Delphi, il existe plusieurs composants, l'un d'eux est le composant Chart (section TeeChart Std).










Graphiques et diagrammes. Les données à afficher sont généralement transmises au graphique par programme, exemple : Series1.Clear ; (série claire) pour i:=1 à N do Series1.addxy(i, A[i], clGreen); Valeur de l'axe X Valeur de l'axe Y Étiquette de l'axe X Couleur des données sur le graphique PP aaaa sssssssssss mmmm ooooo tttt rrrrr eee tttt yee p p p p prrrr iiii mmmm eee rrrrr p p p poooo ssss ttt rrrrr ooooo eee nnnn iiiiii yayyy yyyy rrrrr aaaa ff ff iii kkkk aaaa f f f f uuuu nnnn kkkk tsstst iiiiii y y y y = = = = S S S S iiii nnnn ((((xxxx))))


Suivant : Travaux de laboratoire « « » OOOO tttt ooooo bbbb rrrrr aaaa zhzhzh eee nnnn iiii eee k k k k aaaa rrrrr tttt iiii nnnn ooooo kkkk i i i i yyyy eee ooooo mmmm eee tttt rrrrr iiii hchchh eee ss xxxx ffff iiii aaaa uuuu rrrrr, et et et xxxx a a a a nnnn iiii mmmm aaaa tsstst iiii yayayaya """"...Tâche : 1) Développer une application pour réaliser une animation simple en modifiant périodiquement l'image affichée dans les composants Image. (Le nombre de photos est d'au moins trois, choisissez vous-même les photos).




Suivant : Travaux de laboratoire """" PPPP oooo ssss tttt rrrrr ooooo eee nnnn iiii eee yy g rrrrr aaaa ffff iiii kkkk ooooo vvvv i i i i d d d iiii aaaa yyyy rrrrr aaaa mmmm mmmm """". ..Tâche : 1)M modifier l'application du travail de laboratoire 9 (Affichage des données dans un tableau). Ajoutez la possibilité d'afficher certaines données d'un tableau dans un histogramme ou un diagramme circulaire. 2) Construire un graphique de la fonction donnée.

Description de la présentation par diapositives individuelles :

1 diapositive

Description de la diapositive :

2 diapositives

Description de la diapositive :

Support visuel Programmation Delphi, comme Windows, prend en charge Interface graphique utilisateur (GDI – Interface graphique Delphi). Dans Delphi, il existe deux manières d'afficher des informations graphiques : afficher des images pré-préparées ; dessin du programme.

3 diapositives

Description de la diapositive :

La première méthode est basée sur l’utilisation des composants Image et Shape. Vous pouvez utiliser une image prête à l'emploi (icône) ou la créer vous-même à l'aide de l'éditeur d'images. La deuxième façon consiste à générer des images par programme à l'aide de l'objet Canvas.

4 diapositives

Description de la diapositive :

Delphi a à sa disposition un objet spécial, appelé propriété Canvas. Il n'est disponible que lorsque l'application est en cours d'exécution, il ne peut donc être contrôlé qu'à partir du programme en écrivant le code nécessaire en Object Pascal. Si un objet possède la propriété Canvas, vous pouvez dessiner sur sa surface. Les candidats les plus appropriés pour ce rôle sont le formulaire lui-même et le composant spécial PaintBox.

5 diapositives

Description de la diapositive :

Propriétés de l'objet Canvas : Stylo – propriété permettant de tracer des lignes et des bordures de formes géométriques. Le stylet suit les commandes du curseur graphique et, à son tour, possède ses propres propriétés imbriquées : Couleur – détermine la couleur de la ligne (noir par défaut) ; Mode – style de dessin (a de nombreuses significations qui ne sont pas données ici) ; Style – style de ligne, qui peut prendre les valeurs suivantes : рsSolid – solide (par défaut) ; рsDosh – en pointillés ; psDot – en pointillés ; рsDoshDot – ligne pointillée (et autres propriétés) ; Largeur – épaisseur de ligne (par défaut 1 pixel) ;

6 diapositives

Description de la diapositive :

Pinceau – une propriété permettant de remplir des formes avec les propriétés imbriquées suivantes : Couleur – couleur du pinceau (blanc par défaut) ; Style – motif de pinceau, qui peut prendre les valeurs suivantes : bsClear – coloration unie ; bsHorizontal – lignes horizontales ; bsVertical – lignes verticales ; bsFDiagonal – lignes diagonales gauches ; bsBDiagonal – lignes diagonales droites ; bsCross – cellule ; bsDiagCross – cellule oblique ;

7 diapositives

Description de la diapositive :

Police – une propriété permettant d'afficher du texte qui possède les propriétés imbriquées suivantes : Couleur – couleur des caractères ; Hauteur – hauteur de la police en pixels ; Nom – nom de la police ; Taille – taille de la police ; Style – style de police, qui peut prendre les valeurs suivantes : fsBold – gras ; fsItalic – italique ; fsUnderline – souligné ; fsStrikeOut – barré ;

8 diapositives

Description de la diapositive :

PenPos (Pen Position) – une propriété permettant de stocker la position actuelle du dessin (détermine la position du stylo dans la zone de dessin à un moment donné) ; Pixels – une propriété de tableau pour écrire et lire les coordonnées des points individuels de la zone de dessin (« toile »).

Diapositive 9

Description de la diapositive :

Méthodes de l'objet Canvas MoveTo(x,y: integer) – déplace le stylo de la position actuelle vers un point avec les coordonnées x, y spécifiées sans tracer de ligne ; LineTo(x.y: integer) - déplace le stylo de la position actuelle vers un point avec les coordonnées données x, y, en traçant une ligne ; Arc(x1, y1, x2, y2, x3, y3, x4, y4 : entier) – dessine l'arc d'une ellipse inscrit dans un rectangle de coordonnées (x1, y1) et (x2, y2). L'arc est déterminé par les rayons de l'ellipse passant par les points (x3,y3) et (x4,y4) ;

10 diapositives

Description de la diapositive :

Chord(x1, y1, x2, y2, x3, y3, x4, y4 : integer) – dessine une corde d'une ellipse selon la description donnée pour la méthode Arc ; Ellipse(x1, y1, x2, y2 : entier) – dessine une ellipse inscrite dans un rectangle avec le coin supérieur gauche au point (x1, y1) et le coin inférieur droit au point (x2, y2) ; FillRect(Rect (x1, y1, x2, y2: integer)) – remplit le rectangle avec la couleur spécifiée dans le pinceau actuel. Utilise la fonction Rect, qui représente un rectangle aux coordonnées données ;

11 diapositive

Description de la diapositive :

FloodFill(x,y: integer; Color: TColor; FillStyle: TFillStyle) – remplissage avec la couleur actuelle spécifiée dans la propriété Brush : with FillStyle=fsBorder – une zone fermée du point de coordonnées x, y jusqu'à la bordure, défini par la couleur Couleur; avec FillStyle=fsSurface – la partie de la surface qui a la couleur Color ; Pie(x1, y1, x2, y2, x3, y3, x4, y4 : integer) – dessine un secteur d'ellipse inscrit dans un rectangle de coordonnées (x1, y1) et (x2, y2). Le secteur est défini par deux rayons d'ellipse passant par les points (x3, y3) et (x4, y4) ;

12 diapositives

Description de la diapositive :

Polyligne (Points : tableau de TPoint) – dessine une polyligne, reliant séquentiellement les points du tableau Points ; Polygone (Points : tableau de TPoint) – dessine des polygones en connectant séquentiellement des points dans le tableau Points. Elle diffère de la méthode Polyligne en ce qu'elle connecte automatiquement la fin de la polyligne à son début ; Rectangle (x1, y1, x2, y2 : entier) – dessine un rectangle avec le coin supérieur gauche au point (x1, y1) et le coin inférieur droit au point (x2, y2) ;

Diapositive 13

Description de la diapositive :

Retresh – la méthode est appelée lorsqu'il est nécessaire de redessiner l'image ; RoundRect (x1, y1, x2, y2, x3, y3 : entier) – dessine un rectangle aux coins arrondis. Les coins sont dessinés comme des quarts d’ellipse d’une largeur de x3 et d’une hauteur de y3 ; TextOut (x, y:integer, Text:String) – affiche le texte spécifié dans le paramètre Text. Le texte s'inscrit dans un rectangle dont le coin supérieur gauche a les coordonnées x, y.