CHAPITRE 1 PREMIERS PAS Créer un premier projet... 17 Écrire un programme... 18 Compiler, exécuter... 20 Mieux comprendre... 22 15
1.1. Créer un premier projet Pour commencer, lancez Visual Basic Express. Double-cliquez sur le raccourci placé sur votre Bureau ou allez dans le menu Démarrer/Tous les programmes et cliquez sur Visual Basic Express 2010. Version de Visual Studio Express Il est également intéressant de noter que les versions 2008 et 2010 sont presque totalement compatibles entre elles. Si vous aviez déjà installé une version 2008 de Visual Studio Express, vous pouvez très bien l utiliser en lieu et place de la version 2010. Vous voici devant la page d accueil de Visual Basic Express 2010. Figure 1.1 : Page d accueil Dans le menu Fichier, cliquez sur Nouveau Projet. Vous arrivez alors au menu de choix suivant : Figure 1.2 : Choix d application 1.1. Créer un premier projet 17
Vérifiez que l entrée Application Windows est sélectionnée, saisissez un nom pour votre projet en lieu et place de WindowsApplication1, par exemple MonPremierProjet, et cliquez sur OK. Vous arrivez à la troisième étape du processus de création de projet. L écran de Visual Basic ressemble à ceci : Figure 1.3 : Prêt à développer! 1.2. Écrire un programme Observez ce qui se trouve dans la zone de travail. En haut à droite figure une arborescence contenant deux entrées : j MyProject, qui va regrouper les propriétés relatives au projet en cours. Nous détaillerons son fonctionnement plus tard. j Form1.vb, qui est la fenêtre principale de l application. Sous cette arborescence, appelée "Explorateur de solutions", se trouve la fenêtre Propriétés. Repérez le carré gris à gauche de l espace de travail. Cette zone s appelle le designer et le carré gris est un formulaire Windows. Une fois que vous aurez fini ce chapitre, il ressemblera à une fenêtre Windows classique. 18 1. Premiers pas
Cliquez sur le formulaire (le carré gris) et observez la fenêtre des propriétés (en bas à droite de l espace de travail). Elle se remplit d une liste de propriétés qui vont définir le formulaire. Figure 1.4 : Aperçu des propriétés Repérez celle qui s appelle Text. À droite, vous devriez trouver la valeur Form1. En lieu et place de Form1, saisissez MaFenêtre. Appuyez sur la touche [Ä] : le titre du formulaire dans le designer change ; vous lisez désormais MaFenêtre. La fenêtre des propriétés permet, entre autres, de modifier le comportement des fenêtres, par exemple leurs titres, leurs couleurs de fond, etc. Nous y reviendrons au chapitre Dialoguer avec un ordinateur. L espace de travail est maintenant configuré pour le projet en cours et une fenêtre porte le nom souhaité. Cliquez à gauche sur le bouton nommé Boîte à outils. Le menu suivant s affiche alors : Figure 1.5 : La boîte à outils 1.2. Écrire un programme 19
Cette boîte à outils regroupe tous les éléments dont vous avez besoin pour construire une application : des boutons, des zones de saisie de texte, des cadres pour placer des images, etc. Pour découvrir les possibilités de cette boîte, cliquez sur le menu Tous les Windows Forms. Une liste déroulante apparaît. Elle donne le choix entre plusieurs outils, appelés "contrôles". Trouvez celui qui s appelle Button. Effectuez un glisser-déposer vers la fenêtre dans le designer. Votre fenêtre ressemble alors à ceci : Figure 1.6 : Première ébauche de la fenêtre Faites de même avec le contrôle appelé TextBox. Vous avez maintenant une fenêtre qui ressemble à celle-ci : Figure 1.7 : Fenêtre complète 1.3. Compiler, exécuter Votre fenêtre possède un bouton, une boîte permettant de saisir du texte et un nom. À partir de maintenant, vous allez vous intéresser au comportement de ladite fenêtre. Tout d abord, générez votre programme pour le transformer en exécutable. Pour cela, appuyez sur la touche [F5]. Votre projet va être généré et lancé. Visual Basic Express 2010 passe alors en mode Test et votre écran ressemble à ceci : 20 1. Premiers pas
Figure 1.8 : Votre programme est lancé Votre fenêtre est lancée, comme tout autre programme, et dispose de son icône dans la barre des tâches de Windows. Vous pouvez cliquer sur le bouton, entrer du texte dans la TextBox, mais rien d autre. Pour aller plus loin, fermez la fenêtre en cliquant sur la croix. Visual Basic Express 2010 revient automatiquement en mode Développement. Figure 1.9 : Votre programme en mode Développement 1.3. Compiler, exécuter 21
Vous allez entrer vos premières instructions, pour donner un comportement à la fenêtre. Double-cliquez sur le bouton de la fenêtre. Vous vous retrouvez sous un nouvel onglet, face à ce texte : Public Class Form1 Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click End Sub End Class Entre les lignes Private Sub [ ] et End Sub, saisissez le texte suivant : MessageBox.Show("Bonjour " + TextBox1.Text) Cela fait, générez votre programme modifié en appuyant sur [F5]. La fenêtre s affiche à nouveau. Cette fois, entrez votre prénom dans la TextBox puis cliquez sur le bouton. L affichage qui en résulte est le suivant : Figure 1.10 : L ordinateur vous dit bonjour Une boîte de dialogue est affichée ; elle contient le message "Bonjour" suivi de votre prénom. Cliquez sur OK et fermez la fenêtre de votre programme. Analysons maintenant ce que vous avez fait. 1.4. Mieux comprendre Dans ce chapitre, vous avez réalisé un programme complet qui affiche du texte. Tous vos développements à partir de maintenant se dérouleront de cette manière. Dans un premier temps, créez un nouveau projet dans Visual Basic. C est le point de départ indispensable pour obtenir un espace de travail fonctionnel. Dans cet espace de travail, utiliserez le designer pour placer sur la fenêtre tout ce dont vous aurez besoin pour le programme. Dans ce premier exemple, vous avez placé une TextBox et un bouton. Une fois que la fenêtre contient tous les contrôles nécessaires, définissez le comportement de l application avec l éditeur de code de Visual Basic Express. C est le moment d entrer toutes les instructions que doit exécuter l ordinateur. Dans cet exemple, les seules instructions nécessaires sont celles qui sont exécutées lors d un clic sur le bouton de la fenêtre principale. Comme à chaque clic une seule instruction est exécutée, vous avez saisi une seule ligne dans l éditeur de code, à savoir : MessageBox.Show("Bonjour " + TextBox1.Text) 22 1. Premiers pas
Cette ligne permet d afficher ce que vous saisissez dans la TextBox après le texte "Bonjour". Mais pourquoi à ce moment-là? Tout simplement parce que vous avez placé ce texte après avoir cliqué sur le bouton dans le designer de Visual Basic. Par ce clic, l éditeur a compris que vous vouliez modifier le comportement de l application et, plus précisément, ce qu il se passe lorsque vous cliquez sur le bouton de la fenêtre. En fait, chaque contrôle dispose d événements, qui représentent un clic sur un bouton, un changement de texte dans une TextBox, etc. Lorsque vous déclenchez un événement dans le designer, comme le clic sur le bouton dans cet exemple, vous êtes automatiquement redirigé vers la partie du code qui permet de modifier le comportement de l application quand l événement est lancé. Dans cet exemple, cela correspond au code : Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click End Sub Tout ce qui se trouve entre Private Sub et End Sub représente le code que le programme doit exécuter lors de l événement en question. Étudions maintenant ce qu il se passe lorsque vous lancez le programme, c est-à-dire lorsque vous appuyez sur la touche [F5]. Lors de la génération du projet, le compilateur se charge de lire, ligne par ligne, ce que vous avez écrit. Ensuite, il traduit le tout en langage machine. Le résultat est un fichier exécutable qui, par défaut, est placé dans le répertoire Mes documents\visual Studio 2010\Projects \MonPremierProjet\MonPremierProjet\bin\Debug. Ce fichier porte le nom du projet et l extension.exe. Dans ce cas, il s agit du fichier MonPremierProjet.exe. Une fois qu il est généré, vous pouvez le copier où bon vous semble et l exécuter d un double clic. C est de cette manière que vous pourrez le partager avec vos amis, le distribuer sur Internet ou le sauvegarder sur un CD. Quand vous double-cliquez sur ce programme, vos instructions sont exécutées. Les premières d entre elles ne sont pas les vôtres puisque vous n avez précisé de comportement que pour le clic sur le bouton. En fait, le programme commence toujours par les instructions de dessin de la fenêtre. Elles permettent l affichage d une fenêtre avec les boutons Fermer, Réduire et Agrandir. Cela fait, le programme dessine l intérieur de la fenêtre. Dans cet exemple, il place un bouton et une TextBox. Le programme est maintenant chargé. Il attend une action de votre part pour réagir, ici un clic sur le bouton. Le programme enregistre le 1.4. Mieux comprendre 23
fait que vous cliquez sur le bouton, regarde sa liste d instructions et voit qu en cas de clic, il faut afficher une boîte de dialogue contenant le message "Bonjour xxx", où xxx est le texte saisi dans la TextBox. Une fois la boîte de dialogue affichée, le programme attend que vous cliquiez sur le bouton OK pour continuer et repasse à la première étape : il attend d autres instructions. Vous pouvez par exemple saisir un autre nom dans la TextBox ou encore quitter le programme en cliquant sur la petite croix en haut à droite de la fenêtre. Dans ce chapitre, vous avez vu les principes fondamentaux de création de projet, d édition de code et de lancement de programme. Voyons maintenant comment enrichir le contenu des projets par un code plus complet 24 1. Premiers pas