Apprenez à programmer en VB .NET
Last updated on Monday, June 24, 2013
  • 4 semaines
  • Facile

Ce cours est visible gratuitement en ligne.

Paperback available in this course

Ce cours existe en eBook.

Got it!

Découverte de l'interface graphique

Des fenêtres, je veux des fenêtres ! À partir de maintenant, finis les essais au milieu du noir et du blanc de notre console. Nous allons donc commencer à aborder les nouveaux concepts du graphisme en commençant par placer des contrôles et découvrir les événements.

Allons-y !

Les nouveautés

Jusqu'à maintenant je vous ai obligés (grrr !) à rester sur la console. C'est moche, d'accord, mais comprenez-moi : vous avez uniquement eu besoin de deux fonctions jusqu'à maintenant : Console.ReadLine() pour l'entrée et Console.WriteLine() pour la sortie. Ici, vous n'aurez plus besoin de l'objet Console, donc les Console. on oublie !

Recréons un nouveau projet, Windows Forms cette fois-ci. Admirez le superbe résultat visible à la figure suivante.

Une fenêtre, enfin !
Une fenêtre, enfin !

Sur notre gauche nous retrouvons le panneau que je vous ai présenté tout au début de ce tutoriel : la boîte à outils. Cette boîte contient donc des outils, outils que nous allons déposer sur notre feuille. J'appelle feuille la petite fenêtre avec rien dedans au centre de votre écran, c'est un peu comme une feuille de papier sur laquelle vous allez dessiner.

Cette "feuille de papier" est appelée feuille de style ou fenêtre de design. Elle est uniquement dédiée à construire la partie "graphique" de votre futur programme.

Avantages par rapport à la console

Tout d'abord, les avantages par rapport à la console sont immenses : c'est plus beau, c'est agréable de travailler dessus, c'est fonctionnel, mais surtout, si vous vous amusez à lancer votre projet vide, sans aucune ligne de code ajoutée, votre fenêtre se lance et reste là. Elle restera jusqu'à ce que vous appuyiez sur la croix rouge en haut à droite.

Vous l'avez donc compris, si on écrit quelque chose dedans, ça reste ! Mais ce ne sera pas aussi simple que la console. Il faudra passer par nos outils pour écrire et interagir avec l'utilisateur. Il faudra donc bien les connaître pour savoir lequel utiliser dans quelles situations.

Le Label, par exemple, nous servira principalement à écrire du texte dans cette interface ; la Textbox, à demander à l'utilisateur d'écrire du texte ; le bouton, à déclencher un évènement.

Manipulation des premiers objets

Retournons à notre feuille :

Rien qu'elle, vous pouvez déjà la manipuler : quand vous cliquez dessus, des carrés blancs apparaissent sur les bords (voir figure suivante), ils vont nous permettre d'agrandir ou réduire la fenêtre, comme n'importe quelle autre fenêtre Windows.

Il est possible d'agrandir ou de réduire la fenêtre
Il est possible d'agrandir ou de réduire la fenêtre

Une fois cette fenêtre à la hauteur de vos espérances, nous allons apprendre à ajouter des objets dedans, ces objets sont appelés des contrôles. Pour ce faire, je vais vous laisser vous amuser avec les objets : prenez-les en cliquant dessus, puis faites-les glisser jusqu'à la fenêtre sans relâcher le clic.

Laissez libre cours à votre imagination, essayez tous les objets que vous voulez ! Regardez ce que j'obtiens à la figure suivante

Voici ce qu'il est possible d'obtenir
Voici ce qu'il est possible d'obtenir

Je n'aime pas les noms qu'il y a, je fais comment ?

Stop ! pourquoi vouloir savoir courir avant de savoir marcher ? On va l'apprendre dans le prochain chapitre. Mais ce n'est pas une raison pour fermer ce chapitre et aller tout de suite au suivant ! :colere2:

En attendant vous pouvez déjà lancer ce projet, votre fenêtre apparaîtra. Bon, rien ne se passe quand vous appuyez sur les boutons, pourquoi ?

Eh bien, nous n'avons pas encore codé d'événements ! Ça ne saurait tarder… :p

Les paramètres de notre projet

Je vais quand même vous expliquer une dernière petite chose.

Cliquez dans projet > propriétés de [nom de votre projet]. Une fenêtre semblable à la figure suivante devrait apparaître.

Une fenêtre s'ouvre
Une fenêtre s'ouvre

J'explique pourquoi elle va nous être utile. Elle permet tout d'abord de choisir un nom et une icône pour votre application (mais bon ce n'est pas la priorité), mais elle servira surtout à choisir sur quelle fenêtre votre projet va démarrer. Très utile lorsqu'on en aura plusieurs.

Les autres options sont plus techniques, et pas nécessaires actuellement.

  • On crée un projet Windows Forms pour pouvoir utiliser l'interface graphique.

  • Les contrôles sont disponibles dans la boîte à outils, ils nous permettent de concevoir notre interface.

  • La feuille de style (design) est la fenêtre dans laquelle on conçoit l'interface graphique.

Example of certificate of achievement
Example of certificate of achievement