18ème Leçon Visual Basic : Création d’Interfaces Graphiques avec Windows
Forms
Dans cette leçon, nous allons apprendre à créer des interfaces utilisateur graphiques (GUI)
en utilisant Windows Forms, une technologie intégrée à Visual Basic pour développer des
applications Windows interactives.
Objectifs de la leçon :
1. Comprendre les bases de Windows Forms.
2. Ajouter et configurer des contrôles (boutons, labels, textboxes, etc.).
3. Gérer les événements utilisateur.
4. Créer une interface fonctionnelle avec des fonctionnalités de base.
5. Organiser les composants avec des conteneurs.
Étape 1 : Introduction à Windows Forms
Windows Forms est une bibliothèque graphique qui permet de :
Créer des fenêtres interactives.
Ajouter des contrôles (boutons, champs de saisie, listes, etc.).
Réagir aux interactions utilisateur (clics, saisies, etc.).
Créer un Projet Windows Forms
1. Ouvrez Visual Studio.
2. Cliquez sur "Créer un nouveau projet".
3. Sélectionnez "Application Windows Forms (.NET Framework)".
4. Nommez le projet et cliquez sur "Créer".
Étape 2 : Ajouter des Contrôles
Les contrôles sont des éléments graphiques interactifs.
Exemple d’éléments courants :
1. Label : Affiche du texte.
2. TextBox : Permet la saisie de texte.
3. Button : Déclenche une action.
4. ListBox : Affiche une liste d’éléments.
5. ComboBox : Fournit une liste déroulante.
Ajouter un Contrôle :
1. Ouvrez la fenêtre Form Designer.
2. Faites glisser un contrôle depuis la boîte à outils vers le formulaire.
3. Configurez ses propriétés dans la fenêtre Propriétés.
Étape 3 : Exemple d’une Interface Simple
Objectif : Créer une interface avec un champ de texte et un bouton.
1. Ajoutez un Label avec le texte "Nom".
2. Ajoutez un TextBox pour saisir un nom.
3. Ajoutez un Button avec le texte "Afficher".
4. Ajoutez un Label vide pour afficher le résultat.
Code pour le bouton :
Double-cliquez sur le bouton pour générer un événement Click, puis ajoutez ce code :
Private Sub btnAfficher_Click(sender As Object, e As EventArgs) Handles
[Link]
Dim nom As String = [Link]
[Link] = "Bonjour, " & nom & "!"
End Sub
Étape 4 : Gérer les Événements
Un événement est déclenché lorsqu’un utilisateur interagit avec un contrôle.
Exemples d’événements courants :
1. Click : Pour les boutons.
2. TextChanged : Lorsque le texte d’un champ change.
3. SelectedIndexChanged : Lorsqu’un élément de liste est sélectionné.
Exemple : Gérer un événement TextChanged
Pour réagir lorsque l’utilisateur tape dans une TextBox :
Private Sub txtNom_TextChanged(sender As Object, e As EventArgs) Handles
[Link]
[Link] = "Vous tapez : " & [Link]
End Sub
Étape 5 : Organisation avec des Conteneurs
Les conteneurs permettent de structurer les contrôles sur le formulaire :
1. GroupBox : Regroupe des contrôles similaires.
2. Panel : Contient des contrôles avec un défilement possible.
3. TableLayoutPanel : Dispose les contrôles en grille.
Exemple : Utiliser un GroupBox
1. Ajoutez un GroupBox au formulaire.
2. Placez des contrôles (boutons, labels, etc.) à l’intérieur du GroupBox.
Étape 6 : Exemple Complet
Objectif : Une application "Calculatrice Simplifiée"
1. Ajoutez deux TextBox pour les nombres.
2. Ajoutez des Button pour les opérations (Addition, Soustraction).
3. Ajoutez un Label pour afficher le résultat.
Interface :
TextBox 1 : txtNombre1
TextBox 2 : txtNombre2
Button Addition : btnAddition
Button Soustraction : btnSoustraction
Label Résultat : lblResultat
Code :
Private Sub btnAddition_Click(sender As Object, e As EventArgs) Handles
[Link]
Dim nombre1 As Double = [Link]([Link])
Dim nombre2 As Double = [Link]([Link])
[Link] = "Résultat : " & (nombre1 + nombre2).ToString()
End Sub
Private Sub btnSoustraction_Click(sender As Object, e As EventArgs) Handles
[Link]
Dim nombre1 As Double = [Link]([Link])
Dim nombre2 As Double = [Link]([Link])
[Link] = "Résultat : " & (nombre1 - nombre2).ToString()
End Sub
Étape 7 : Gestion des Erreurs
Exemple : Validation de Saisie
Pour éviter les erreurs lorsque l’utilisateur saisit des données non valides :
Private Sub btnAddition_Click(sender As Object, e As EventArgs) Handles
[Link]
Try
Dim nombre1 As Double = [Link]([Link])
Dim nombre2 As Double = [Link]([Link])
[Link] = "Résultat : " & (nombre1 + nombre2).ToString()
Catch ex As FormatException
[Link]("Veuillez entrer des nombres valides.", "Erreur de
Saisie", [Link], [Link])
End Try
End Sub
Étape 8 : Exercice Pratique
Créez une application qui :
1. Permet à l’utilisateur de saisir son nom.
2. Affiche un message de bienvenue lorsqu’un bouton est cliqué.
3. Organise les éléments dans un GroupBox.
Avec ces compétences, vous êtes désormais capable de créer des interfaces utilisateur
intuitives et interactives pour vos applications Visual Basic. 🎉
