Tutorial C++ DOTNET pour une application windows.

Transcription

1 Tutorial C++ DOTNET pour une application windows. Ouverture de Visual Studio 2003 : Cliquez sur démarrer/tous les programmes/microsoft Visual Studio.NET 2003/Microsoft Visual Studio.NET La fenêtre suivante s affiche (voir Fig.1) avec dans la Page de démarrage tous les projets crées récemment. Explorateur de solutions. Boîte à outils où vous avez toutes les formes Windows pour créer une application Windows. Sortie : erreurs, console, etc. Fig.1 Création de nouveau projet Win32: Dans le menu de l IDE de VS.NET 2003, cliquez sur Fichier/Nouveau/Projet ou bien utilisez le raccourci clavier CTRL-MAJ-N pour créer un nouveau projet (voir Fig.2).

2 Fig. 2 Si tout va bien, vous devriez avoir la fenêtre suivante (Fig. 3), et choisissez comme types de projets, un Projet Visual C++, et pour modèle, sélectionnez une Application Windows Forms (.NET), et donnez lui un nom (PremierProjet), et cliquez sur OK pour valider le choix. Fig 3.

3 En principe, si vous avez bien suivi les étapes, vous devriez avoir la fenêtre suivante (voir Fig. 4). Vous remarquerez aussi que certains fichiers ont été crées pour vous automatiquement, pour comprendre ce que fait chacun d eux, vous allez trouver dans le dossier du projet un fichier texte ReadMe.txt qui explique en détail le contenu des fichiers du projet. Panel de Propriétés des formes Windows Fig. 4 Pour afficher la boîte à outils, il faut passer la souris au dessus, et ensuite cliquez sur le bouton Masquer automatiquement (voir Fig. 5) pour la garder ouverte. A partir de cette étape, vous pouvez changer les propriétés de la forme, comme son nom ou bien les couleurs d arrière-plan, etc., et cela à partir du panel de Propriétés. Ainsi pour changer le nom de la forme1, il faut aller dans le panel de Propriétés/Text et lui donner un nouveau nom (Premier Projet), vous remarquerez que le nom de la forme change instantanément, vous pouvez aussi changer l icône de l application créée, etc. L étape suivante consiste à ajouter les types de formes nécessaires à l application qu on veut créer, pour l exemple de ce tutorial, on va créer une simple application Windows qui demande le nom de l usager, et affiche un message de bienvenue suivant son sexe. Ainsi, on va ajouter quatre labels en choisissant le label dans la boîte à outils\windows Forms, et en cliquant dans la forme Premier Projet pour les insérer. Pour changer les propriétés de ces labels, on va dans le panel de Propriétés et on choisit le champ qu on veut changer, ainsi pour le projet là, on change le nom des deux labels, le premier en Nom, le deuxième en Sexe pour représenter les formes, plus les deux restants en Rfem et Rmasc. Pour le texte qui apparaît dans les deux labels, on peut l ajouter dans le code directement ou bien dans le panel Propriétés/Text. De même, on insert les restes de formes, à savoir deux boites de textes (TextBox) dont les noms seront NomText et RepText, on insert aussi deux

4 RadioButton pour le choix du sexe. Enfin, vous ajoutes deux bottons, un pour afficher le message de bienvenue dans la boîte de texte à cette effet, et le deuxième pour quitter l application. Les propriétés de ces boutons sont changées de la même façon à partir du panel de Propriétés, et leurs noms seront QButton et OkButton. À la fin vous devez avoir le résultat suivant (voir Fig. 6). Pour la création de l événement lié aux bottons, il suffit de double-cliquer sur les boutons pour la fenêtre de code s ouvre et d ajouter le code nécessaire aux deux boutons : Bouton OK : String *hello=nomtext->get_text(); if(rmasc->checked) hello=string::concat("bonjour Mr. ",hello); else if (Rfem->Checked) hello=string::concat("bonjour Mme ",hello); Reptext->Text=hello; Bouton Quitter : this->close(); Les formes Windows disponibles Fig. 5

5 Icône pour compiler et exécuter le projet Propriétés des formes Windows Fig. 6 Compilation et exécution: Pour Compiler le projet, il suffit de cliquer sur l icône à cet effet (voir Fig. 6). Si vous avez suivi toutes les étapes, vous devriez avoir le résultat suivant (voir Fig. 7).

6 Fig. 7