Site:  Cours VB.net  
  1.D.3  L'IDE.

de Visual Basic.Net 2008

 

C'est l'Integrated Development Environment (IDE): Environnement de développement intégré de Visual Studio de Microsoft 2005

Il y a Visual Studio 2008 (contenant Visual Basic, C#..) en version professionnelle, entreprise payante.

et pour les débutants :Visual Basic 2008 'Edition Express' (version légère et GRATUITE). C'est sur cette dernière que nous allons travailler:

On rappelle que Visual Basic 2008 utilise le Framework 3.5, le CLR 2  (comme VB 2005), l'IDE 2008 est pratiquement identique à l'IDE 2005, il y a quelques fonctions supplémentaires.

On peut charger VB Express 2008 et le Framework 3.5 en français (usage gratuit) Charger ICI  Pour la version française, dans le cadre bleu 'Visual Basic Edition Express' dérouler la liste et choisir 'French' puis 'Download'. Voir aussi   Msdn 2008  Exemples de programme Vb 2008

Voir aussi Nouveautés dans VB 2008 et Framework 3.5

 

Fenêtre Projet.

Quand on lance VB.net 2008, on ouvre l'IDE dans laquelle la fenêtre centrale charge la page du centre de développement Visual Basic de MSDN (site Microsoft); bien sur il faut être connecté à internet. 

 

En cliquant sur le bouton 'flèche verte' en haut à droite, on affiche la Page de démarrage "Start Page"  qui permet:

 d'ouvrir un projet existant Ouvrir  (Recent Projects ou Open dans la version anglaise)

ou

 de créer un nouveau projet:Créer (Create dans la version anglaise)

 

 

On constate que les diverses fenêtres sont accessibles par des onglets. L'IDE de VB 2008 diffère peu de celui de VB 2005.

 

Pour créer un nouveau projet Visual Basic, il faut choisir 'Créer' à gauche ou passer par le menu 'Fichier' puis 'Nouveau' puis 'Projet' . La fenêtre suivante s'ouvre:

 

On a le choix en VB 2008 de créer l'interface utilisateur:

 

A- Interface 'Winforms'

Choisir l'icône 'Application Windows forms', puis donner un nom au projet, enfin valider sur 'Ok'.

(Le chemin de l'emplacement du projet n'est pas modifiable ici, il est par défaut ' C:\Documents and Settings\Nom Utilisateur\Mes documents\Visual Studio 2008\ Projects\MonProjet')

On remarque qu'on aurait pu choisir 'Application WPF', on y reviendra.

 

Dans un nouveau projet, créer ou ajouter une fenêtre 'WinForm':

Pour ajouter un fenêtre (un formulaire) Menu Project, Ajouter un formulaire Windows ( 'Add a WindowsForms' en version anglaise ):

cliquer sur Windows Form, une fenêtre (un formulaire) ‘Form2’ vide apparaît ('Form1' était le nom du premier formulaire).

Il y a des fenêtres toutes faites pour accélérer le travail (les templates) comme les 'Ecran de démarrage' les 'Formulaire Explorateur'...

Designer:

La zone de travail se trouve au centre de l'écran: C'est l'onglet Form1.vb[Design] ci-dessous qui donne donc accès au dessin de la feuille (du formulaire); on peut ajouter des contrôles, modifier la taille de ces contrôles..

 

On peut passer en mode 'Multidocument Mdi' (comme en VB6) au lieu du mode 'Onglet':

(Passer par le menu 'Outils' puis 'Options..' puis bouton 'Multidocument (Mdi)')

 

Exemple en mode Mdi montrant les 3 types de module.

 

A noter que si on utilise le menu 'Projet' puis 'Ajouter..' cela permet d'ajouter un formulaire, un module standard, un module de Classe.

 

Voir les procédures:

L'onglet Form1.vb donne accès aux procédures liées à Form1.

On peut 'tapez' du code dans les procédures.

La liste déroulante de droite donne la liste des objets, celle de gauche, les évènements correspondants à cet objet.

Il est possible en double-cliquant dans le formulaire ou un contrôle de se retrouver directement dans le code de la procédure correspondant à cet objet.

Ici on voit la procédure Button1_Click liée au Button1 de la fenêtre de Design.

 

Ajouter des contrôles au formulaire 'Winform'

Ajouter un bouton par exemple:

Cliquer sur ‘Toolbox’(Boite à outils) à gauche , les contrôles apparaissent tous ou classés par ordre alphabétique.

Cliquer sur ‘Button’,cliquer dans la Form, déplacer le curseur sans lâcher le bouton, puis lâcher:

 

Un bouton apparaît.

 

Modifier les propriétés d'un contrôle ou du formulaire.

Quand un formulaire ou un contrôle est sélectionné dans la fenêtre Design, ses propriétés sont accessibles dans la fenêtre de 'Propriétés' (Properties) à droite en bas:

Ici ce sont les propriétés du contrôle 'Button1' (Text, Location..)

(on peut modifier directement les valeurs.)

Dessous, il y a une explication succincte de la propriété sélectionnée (Si elle n'apparaît pas , faire sur la propriété: click droit puis dans le menu 'Description').

Exemple:

Si au niveau de la ligne 'Text' des propriétés du bouton, j'efface 'Button1' et que je tape 'Ok', dans le designer, le texte écrit sur le bouton deviendra 'OK'. 

 

Le déplacement des contrôles ou l'accès aux principales tâches est facile:

La croix à gauche permet de déplacer le contrôle, la petite flèche à droite permet d'ouvrir un menu qui donne accès aux tâches les plus fréquentes.

L'alignement automatique des contrôles:

Si on modifie la taille ou l'emplacement d'un contrôle, VB signale par un trait bleu que le contrôle modifié et le contrôle voisin sont alignés: 

 

Renommer un nom: modification automatique.

On nomme cela 'Refactoring': Cliquer sur une variable, puis bouton droit, dans le menu cliquer sur 'Renommer'. Modifier le nom de la variable, valider. Dans toute la Classe la variable est renommée.

 

Voir tous les composants d'un projet:

Pour cela il faut utiliser la fenêtre Explorateur de solutions en haut à droite, elle permet de voir et d'avoir accès au contenu du projet (Pour voir tous les fichiers, il faut cliquer sur le deuxième bouton en haut) :

gridview est le nom du programme.

MyProjet: double-cliquer dessus, vous ouvrirez la fenêtre 'propriétés du projet'.

Références qui contient les dll chargées. Pour atteindre les références, on peut aussi passer par le menu 'Projet' puis 'Propriétés' ou double cliquer sur 'MyProjet' puis choisir l'onglet 'Références.

Form1.vb  est un formulaire (une fenêtre).Les formulaires, modules de classe ou standard sont tous des '.vb' Il suffit de double-cliquer dessus pour les ouvrir.

Si on ouvre la sous-liste de Form1.vb (en cliquant su le '+'), on voit:

Form1.Designer.vb (qui montre le code qui crée le formulaire, on n'a pas à y toucher)

Form1.resx (le fichier de ressources)

 

 

 

Il suffit de cliquer sur la ligne Form1 dans l'explorateur de solution pour  voir apparaître la Form1 dans la fenêtre principale.

Si on clique sur un espace de noms dans la liste Références, cela  montre l'arborescence des Classes .

 

Tester son logiciel:

On peut tester le projet grâce à : lancer l'exécution avec le premier bouton (mode 'Run', le second servant à arrêter temporairement l'exécution (mode 'Debug'), le troisième à terminer l'exécution (Retour au mode 'Design' ou 'Conception').

Quand on est en arrêt temporaire en mode 'Debug', la ligne courante, celle qui va être effectuée, est en jaune:

For i=0 To 100

 Label1.Text=i.ToString

Next i

 

Si on tape la touche F10 (exécution pas à pas), la ligne 'Label1.Text=i.ToString' est traitée et la position courante passe à la ligne en dessous.

For i=0 To 100

 Label1.Text=i.ToString

Next i

 

En mode Debug, on peut modifier une ligne et poursuivre le programme qui tiendra compte de la modification (Sauf pour les déclarations). On parle d''Edit and continue'

 

La sauvegarde du projet se fait comme dans tous les logiciels en cliquant sur l'icône du paquet de disquettes.

On peut compiler le programme pour créer un exécutable par le menu Générer ('Build')

 

Projet.

Dans la terminologie VB, un projet est une application en cours de développement.

Une 'solution' (Team Project)regroupe un ou plusieurs projets (C'est un groupe de projets). Il n'y en a pas dans la version express.

En VB express on parle donc uniquement de projet, en fait ,VB crée aussi une solution de même nom.

Fichiers, Chemins des sources.

Si vous regardez dans ' C:\Documents and Settings\Nom Utilisateur\Mes documents\Visual Studio 2008\ Projects\MonProjet')les fichiers correspondant à un projet VB:

MonProjet.sln est le fichier solution.

MonProjet.psess  est le fichier de performance.

MonProjet.suo  est le fichier de User solution.

Dessous existe un répertoire nommé aussi MonProjet qui contient:

MonProjet.vbProj le fichier de projet.

Form1.vb  contient un formulaire et ses procédures.

MyClasse.vb  contient par exemple des classes.

Form1.Designer.vb contient le code qui créer la fenêtre et les contrôles.

Il  a encore les  sous répertoire \Bin, il y a aussi un répertoire Obj et un répertoire \MyProjet

Si on compile le projet l'exécutable est dans un sous répertoire \Bin,

 

VB propose des AIDES.

Quand on tape du code, VB affiche, des aides:

Exemple, je tape 'd', il affiche 'Dim', 'Dir'..., de plus si je me met sur un des mots, il ouvre une petite fenêtre d'explication sur le mot avec sa syntaxe.

Exemple: Je tape le nom d'un label nommé label1 puis je tape un point, cela me donne la liste des propriétés du label.

Quand je pointe dans la liste un des membres (propriété ou méthode) un carré jaune affiche la définition de la fonction avec ses paramètres et une explication.

 

Si on tape le nom d'une fonction et (  , VB affiche les paramètres possibles dans un cadre.

En plus il affiche les différentes manières d'utiliser les paramètres (les différentes signatures), on peut les faire défiler avec les petites flèches du cadre jaune.

Si je tape App puis sur le bouton  'A->', Vb affiche la liste des mots commençant pas App

AppActivate

AppDomain

 

Exemple comment récupérer le dessin de l'écran? en français puis en anglais l'exemple!!

Dans le code d'une procédure, le click droit de la souris ouvre un menu.

Cliquer sur Insérer un extrait (Insert Snipper).

 

Cela affiche:

 

Choisir Windows Operating System :

 

 

 

Puis 'Copy the Active Windows or the Screen to the Clipboard'

 

On obtient le code suivant:

 

' Copy the active window.

SendKeys.SendWait("{PRTSC}")

System.Threading.Thread.Sleep(1000)

Dim window As Bitmap

window = CType(Clipboard.GetDataObject().GetData("Bitmap"), Bitmap)

' Copy the entire screen.

SendKeys.SendWait("+{PRTSC}")

System.Threading.Thread.Sleep(1000)

Dim screen As Bitmap

screen = CType(Clipboard.GetDataObject().GetData("Bitmap"), Bitmap)

 

Génial!!

 

 

Si je veux afficher une valeur numérique (avec option Strict=On),il y a erreur, VB me propose la correction:

 

 

 

Il existe une abondante documentation:

 

 

Erreur.

S'il existe une erreur dans le code au cours de la conception, celle-ci est soulignée en bleu ondulé. Un carré donne la cause de l'erreur si le curseur passe sur la zone ou se trouve l'erreur.

Ici la propriété 'Text' a été mal orthographiée.

Si je lance le programme en mode 'Run' et qu'il y a des erreurs, Vb me le signale et répertorie les erreurs dans la liste des taches en bas. Vb propose des solutions pour corriger les erreurs de code. (Voir plus haut)

 

Mode débogage (mode BREAK):

Une fois lancée l'exécution (F5), puis stoppée (par Ctrl +Alt +Pause ou sur un point d'arrêt), on peut:

Voir la valeur d'une propriété d'un objet en le pointant avec la souris:

Il s'affiche un petit cadre donnant la valeur de la propriété d'un objet.

Voir la valeur d'une variable, simplement en positionnant le curseur sur cette variable.

F11 permet l'exécution pas à pas (y compris des procédures appelées)

F10 permet le pas à pas (sans détailler les procédures appelées)

Maj+F11 exécute jusqu'à la fin de la procédure en cours.

 

En cliquant sur le bouton droit de la souris, on peut exécuter jusqu'au curseur (Run To Cursor), voir la définition, la déclaration de ce qui est sous le curseur (Atteinte la définition:Go To Definition)...

On peut grâce au menu 'Affichage' on peut avoir accès à plein de choses :

 

Projet Designer:

Toutes les propriétés de l'application peuvent être modifiées dans le 'Projet Designer' (Propriétés du projet), pour l'atteindre, il faut double-cliquer sur 'My Project' dans l'explorateur de solution:

 

Une autre manière d'ouvrir le 'Projet Designer' est de passer par les menus 'Projet' puis 'Propriétés de..'

On retrouve dans le projet designer:

Le nom de l'application, son icône, la fenêtre de démarrage, celle de fin. (Application)

Les Option Strict, Explicit  compare et la nouvelle Option Infer.(Compiler)

 

Les références (dll liées au projet)

Les paramètres (valeurs liées à l'application)

Les ressources (texte, images, sons utilisées dans le programme)

La signature et la sécurité.

Les Extension My (nouveauté 2008)

Les paramètres relatifs à la publication  (distribution et installation)

 

B- Abandonner les Winforms et utiliser les WPF

Plutôt que de travailler avec les WinForms (formulaire habituel utilisant GDI+); en VB 2008 on peut utiliser un mode graphique vectoriel extrêmement performant pour dessiner les formulaires et contrôles: pour cela on utilise les WFP (Windows Presentation Foundation). 

Pour cela: menu 'Fichier', 'Nouveau', 'Projet'.

 

On choisit 'Application WPF', on se retrouve dans un nouvel environnement:

 

Les formulaires et contrôles sont différents, ainsi que les propriétés des objets graphiques.

Il y a le 'designer' en haut qui permet de dessiner l'interface que verra l'utilisateur. Le designer génère un fichier XAML  en bas qui décrit en XML l'interface.

Dans la version Express, il n'y a pas    qui permet de faire une interface  extrêmement élaborée (dégradé de couleur, animation...) Si on était un peu 'maso' on écrirait du code XAML pour faire du graphisme élaboré.

Si on double-Clique sur un bouton, par exemple, on se retrouve dans la procédure évènement correspondante:

On se rend compte que les évènements là aussi ne sont pas les mêmes que pour les WindowsForm.

Il y a aussi d'autres modifications comme dans les propriétés du projet:  

 

Conclusion:

IDE totalement fantastique.