VB.

NET
Interface utilisateur

Abdelali Saidi

saidi.a@ucd.ac.ma

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 1 / 41

1 Les contrôles de base

2 Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 2 / 41

 Les contrôles de base

Plan

1 Les contrôles de base

2 Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 3 / 41

 Les contrôles de base

L’interface Utilisateur

Un nouveau projet :

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 3 / 41

 Les contrôles de base

L’interface Utilisateur
La Form

Illustration

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 4 / 41

 Les contrôles de base

L’interface Utilisateur
La Form

Présentation
Ce sont des formulaires Windows
Une Form est générée automatiquement à la création de chaque nouveau
projet
Il est possible d’ajouter d’autres Forms dans un même projet
Elle possède des propriétés (comme n’importe quel autre contrôle)

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 5 / 41

 Les contrôles de base

L’interface Utilisateur
La Form

Propriétés (1/2)

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 6 / 41

 Les contrôles de base

L’interface Utilisateur
La Form

Propriétés (2/2)

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 7 / 41

 Les contrôles de base

L’interface Utilisateur
La Console

Illustration

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 8 / 41

 Les contrôles de base

L’interface Utilisateur
La Console

Présentation
C’est une fenêtre de type DOS (invite de commande)
On ne peut y afficher que du texte

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 9 / 41

 Les contrôles de base

L’interface Utilisateur
La Console

Exemple

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 10 / 41

 Les contrôles de base

L’interface Utilisateur
Le Bouton

Illustration

Présentation
C’est le composant le plus important
Il permet une interaction entre l’application et son utilisateur
En général, un bouton permet de valider ou d’annuler une opération

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 11 / 41

 Les contrôles de base

L’interface Utilisateur
Le Bouton

Propriétés

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 12 / 41

 Les contrôles de base

L’interface Utilisateur
Le Label

Illustration

Présentation
C’est un élément informateur
Il apporte une indication pour l’utilisateur de l’application
Il est non modifiable

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 13 / 41

 Les contrôles de base

L’interface Utilisateur
Le Label

Propriétés

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 14 / 41

 Les contrôles de base

L’interface Utilisateur
La Textbox

Illustration

Présentation
C’est un emplacement pour la saisie du texte
Elle permet à l’application de récupérer des données
Elle est donc modifiable par l’utilisateur

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 15 / 41

 Les contrôles de base

L’interface Utilisateur
La Textbox

Propriétés

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 16 / 41

 Les contrôles de base

L’interface Utilisateur
Les CheckBox et les RadioButton

Illustration

Présentation
Ce sont des cases à cocher
Permettent de savoir si l’utilisateur veut ou pas activer une fonction
quelconque
Avec les CheckBox, l’utilisateur peut cocher plusieurs fonctions
Avec les RadioButton, l’utilisateur ne peut choisir qu’une seule fonction

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 17 / 41

 Les contrôles de base

L’interface Utilisateur
Les CheckBox et les RadioButton

Propriétés

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 18 / 41

 Les contrôles de base

L’interface Utilisateur
La Combobox

Illustration

Présentation
C’est un menu déroulant
Elle permet de choisir un élément entre plusieurs

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 19 / 41

 Les contrôles de base

L’interface Utilisateur
La Combobox

Propriétés

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 20 / 41

 Les contrôles de base

L’interface Utilisateur
Les listes

Présentation
Il existe trois types de listes :
1 Les ListBox
C’est le contrôle le plus facile à maitriser
Il permet d’ajouter en ligne les éléments
2 Les ListView
C’est le contrôle le plus complexe à maitriser
Il permet d’ajouter plusieurs colonnes
3 Les TreeView
C’est une arborescence
Il y a toujours une racine, puis des noeuds, puis des sous-noeuds ...

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 21 / 41

 Les contrôles de base

L’interface Utilisateur
Les listes

Propriétés d’une ListBox

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 22 / 41

 Les contrôles de base

L’interface Utilisateur
Les listes

Propriétés d’une ListView

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 23 / 41

 Les contrôles de base

L’interface Utilisateur
Les listes

Propriétés d’une TreeView

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 24 / 41

 Les contrôles de base

L’interface Utilisateur
La PictureBox

Illustration

Présentation
Permet d’afficher et de redimensionner des images

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 25 / 41

 Les contrôles de base

L’interface Utilisateur
La PictureBox

Propriétés

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 26 / 41

 Les contrôles de base

L’interface Utilisateur
La ProgressBar

Présentation
Permet de suivre la progression d’une application
Indique à l’utilisateur l’avancement d’une opération (une recherche de fichiers
par exemple)
Il faut indiquer une valeur minimale et une autre maximale pour faire
fonctionner ce contrôle (une représentation en pourcentage par exemple)

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 27 / 41

 Les contrôles de base

L’interface Utilisateur
La ProgressBar

Propriétés

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 28 / 41

 Les contrôles de base

L’interface Utilisateur
Le TabControle

Illustration

Présentation
C’est un outil très important et bien pratique
Il permet de gérer beaucoup de choses en onglets
Il fait parti des conteneurs

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 29 / 41

 Les contrôles de base

L’interface Utilisateur
Le TabControle

Propriétés

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 30 / 41

 Les contrôles de base

L’interface Utilisateur
Les boites de dialogue

Présentation
Les boites de dialogue sont des outils très utilisés chez les applications Windows.
En général, il en existe 5, chacune avec un rôle spécifique :
OpenFileDialog : demande à l’utilisateur d’ouvrir un fichier
FolderBrowserDialog : permet de chercher un dossier spécifique
ColorDialog : permet d’affecter une couleur parmi d’autres à un élément
donné
SaveFileDialog : permet l’utilisateur d’indiquer l’emplacement de ce qu’il
veut sauvegarder
FontDialog : affecte une certaine police à un texte

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 31 / 41

 Les contrôles de base

L’interface Utilisateur
Les boites de dialogue

Exemple

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 32 / 41

 Exemple d’une première application

Plan

1 Les contrôles de base

2 Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 33 / 41

 Exemple d’une première application

Exemple d’une première application

On désire un formulaire qui récupère deux nombre et qui affiche leur somme

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 33 / 41

 Exemple d’une première application

Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 34 / 41

 Exemple d’une première application

Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 35 / 41

 Exemple d’une première application

Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 36 / 41

 Exemple d’une première application

Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 37 / 41

 Exemple d’une première application

Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 38 / 41

 Exemple d’une première application

Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 39 / 41

 Exemple d’une première application

Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 40 / 41

 Exemple d’une première application

Exemple d’une première application

Abdelali Saidi VB.NET saidi.a@ucd.ac.ma 41 / 41