À la découverte de Visual Studio 2005

La majorité des applications visuelles que vous développez contiennent un ou plusieurs menus. Avec le framework 1.1, ces derniers étaient assez limités. Dans la nouvelle version du framework, ceux-ci ont pratiquement été entièrement revus.
La première chose importante est que vous devrez dorénavant utiliser un composant MenuStrip à la place du MainMenu et le ContextMenuStrip à la place du ContextMenu. Nous allons voir maintenant les nouvelles propriétés les plus intéressantes. Du point de vue du développement, dans le Designer de Visual Studio, c'est identique sauf qu'il est maintenant possible d'un simple bouton droit > Insérer les items standards (Insert standard items) de créer d'un seul coup tous les menus que vous trouvez régulièrement dans une application.

Il est bien évident que vous n'aurez pas forcément besoin de tout, mais il est parfois plus facile de supprimer ceux que l'on ne désire pas que de les ajouter un par un. La productivité est ici, une fois de plus, mise en avant.
Les menus contiennent dorénavant plusieurs types d'items. Nous avons le MenuItem (comme auparavant), mais également la possibilité d'insérer un ComboBox ou une TextBox.

Du point de vue Design, de nouveaux points arrivent. Il est tout d'abord possible de choisir la direction des textes du menu (Normal, Vertical90, et Vertical270)

Il est également possible d'ajouter une image à chaque menu item. Avec le Designer de Visual Studio, il est possible d'aller chercher une image soit dans les ressources incorporées soit d'importer une image du disque très facilement via « l'outil » intégré :

Au niveau du « skin » du menu, il est possible de choisir entre le style XP ou le style de base (dit « système »). Mais il vous est également possible de choisir le background (image ou couleur) du menu afin que celui-ci s'intègre mieux dans votre application.

Petite chose très intéressante, vous n'avez plus besoin de vous balader dans la multitude des propriétés du composant pour le modifier. Directement dans le designer, en cliquant sur une petite flèche accrochée au composant, vous pouvez faire apparaitre une fenêtre affichant les propriétés les plus courantes :

Enfin, il est également possible grâce à la propriété ContextMenuStrip d'attacher un menu contextuel à notre menu pour éventuellement proposer des options d'affichage ou de déplacement du menu.

Le ContextMenuStrip (Menu contextuel) profite des mêmes améliorations que son parent le MenuStrip.

Nous allons maintenant découvrir un nouveau menu : le ToolStrip. Il s'agit du menu que vous êtes habitués à appeler CommandBar (barre d'outils). Ce menu possède encore plus de nouveautés que les menus cités précédemment. En effet, non content de posséder des boutons images pouvant afficher, l'image, le texte ou le texte et l'image, il permet en effet d'ajouter dans la barre d'outils, des séparateurs, mais surtout, des TextBox, des Combobox, des Progressbar, des boutons avec menu (DropDownButton) ou des SplitButtons. De plus, pour chacun de ces composants, vous pouvez choisir s'ils seront visibles au premier coup d'œil, ou s'ils seront cachés puis affichables via une petite flèche à l'extrémité de la barre d'outils (comme actuellement dans la plupart des produits Microsoft)

Pour ce composant également, il est possible de créer automatiquement tous les boutons par défaut via un simple clic du bouton droit.

Je vais maintenant parler de la Statuer qui est maintenant utilisée via le composant StatusStrip. Cette dernière contient la possibilité de base, d'ajouter des ProgressBar ou des boutons menus ou encore le bon vieux label, mais qui, cette fois, peut-être transformé à l'aide de l'une de ses propriétés en LinkLabel et permet alors d'insérer un label interactif. Il est également possible d'insérer une image devant un label dans une StatusBar.

Ces éléments remplacent donc et améliore surtout, les anciens ToolBar, MainMenu, ContextMenu et StatusBar.

Voici maintenant un listing très rapide des fonctionnalités intéressantes que j'ai trouvées.
Tout d'abord l'ajout d'un composant WebBrowser. Nous pouvions déjà l'avoir en important un composant AxWebBrowser, mais il fait dorénavant partie des composants de base. Plus précisément, le WebBrowser est un wrapper du contrôle ActiveX du browser d'IE. Il contient néanmoins de nouvelles fonctionnalités comme la possibilité d'activer/désactiver le menu contextuel.

La NotifyIcon s'est vue rajouter, tout ce qui a trait aux 'ToolTipBalloons'. On peut dès alors ouvrir un ballon en choisissant son titre, son texte et son image.

La ProgressBar qui peut être affichée de différentes manières par exemple, l'affichage 'Marquee' qui peut-être utilisé pour un chargement dont la durée n'est pas connue (Exemple: le démarrage de Windows XP)

La MaskedTextBox. Ce composant va plaire à plus d'un, car il permet très simplement d'attribuer quasiment n'importe quel masque de saisie à une textbox. De plus, Microsoft a prévu une fenêtre très fonctionnelle qui nous assistera dans l'élaboration de ces derniers.

Bien entendu, dans certains cas, vous devrez toujours utiliser vos bonnes vieilles chaînes REGEX :
https://lgmorand.developpez.com/dotnet/Regex

Les fenêtres Form. C'est la propriété background qui a été améliorée. Vous pouvez maintenant charger une image du disque (comme avant) ou depuis une ressource incorporée. Mieux encore, l'image peut avoir plusieurs états : normal, zoomée ou encore étirée, ce qui permet d'avoir une image skinnée toujours adaptée même en cas de redimensionnement.

Nous avons également un tout nouveau composant: le SoundPlayer. Ce dernier permet de jouer très simplement les sons au format wave (.wav) grâce à la méthode Play(). Néanmoins, seuls les sons au format wave (.wav) sont supportés.

Même si l'on parle de plus en plus de Longhorn ou des technologies de présentation comme Avalon, Windows XP et son style d'affichage (thème) est maintenant mieux géré dans Visual Studio .Net 2005 et le framework 2.0.
Ainsi, les composants « skinnables » utiliseront le style XP même dans le Designer de Visual Studio .Net 2005. De la même façon, les contrôles gèrent le style XP de base et il ne sera plus obligatoire de placer leur propriété FlatStyle sur FlatStyle.System pour profiter du thème courant.

Si par hasard vous souhaitez dessiner des composants personnalisés totalement en accord avec le thème de l'utilisateur, vous pourrez trouver toutes les informations en rapport avec le thème dans la classe System.Windows.Forms.VisualStyles.VisualStyleInformation. L'affichage se fera quant à lui grâce à la classe VisualStyleRenderer ou d'autres classes de rendu de plus haut niveau (ButtonRenderer, etc.).

Voici maintenant une énième nouveauté qui vous aidera à placer vos composants. Jusqu'à maintenant, vous pouviez profiter du placement guidé utilisant le SnapToGrip, permettant d'aligner les contrôles sur une grille définie par l'utilisateur.
Vos placements de contrôles seront maintenant facilités grâce aux SnapLines. Ces dernières seront générées automatiquement par le Designer en fonction de propriétés du contrôle (Marge, Taille, Coins), et permettront d'aligner très facilement votre contrôle par rapport aux autres contrôles ou même par rapport aux bordures de la fenêtre.
Plus encore, chaque composant a une marge conseillée et Visual Studio .Net étudiera les marges des composants, et vous préviendra (très discrètement!) si vous placez des contrôles trop près les uns des autres. Vous avez ainsi la quasi-certitude d'avoir une visibilité parfaite de vos contrôles sur vos fenêtres.

Le Refractoring consiste à modifier le code de vos fichiers sources sans que les « accès extérieurs » soient modifiés. En plus clair, la modification se fera au sein de tout votre code, ainsi si vous renommez une variable, celle-ci sera renommée dans tout votre code. Nous verrons qu'il existe de nombreuses utilisations du refractoring. Son utilisation se fait soit via le menu Refractor de l'IDE soit via le menu contextuel de l'éditeur de code. Nous verrons plus tard un cas implicite de refractoring.

Nous allons voir dans l'ordre chaque outil de refractorisation qui nous est proposé.
L'outil Rename: Cet outil, on ne peut plus simple permet de renommer un objet (classe, variable, namespace, méthode) avec le texte de notre choix et toutes les références à cet objet seront automatiquement mises à jour.

L'outil Extract Method: Cet outil, très fonctionnel, permet de créer une nouvelle méthode à partir d'un morceau de code (partie sélectionnée). Il devient alors aisé de faire appel à plusieurs reprises à cette section de code, par un simple appel de la méthode.

L'outil Encapsulate field permet de créer une propriété (getter-setter) à partir d'un champ (variable) :

Ainsi d'un seul clic sur la variable _test :

private string _test;

permet d'obtenir :

public string Test
{
    get { return _test; }
    set { _test = value; }
}

La création de la propriété s'est faite à l'aide de deux fenêtres. La première qui demande le nom de la propriété ainsi que le niveau auquel les changements doivent être faits.

et la fenêtre donnant une prévisualisation des modifications faites. Ici, nous voyons bien que notre variable se voit attribuer une propriété, et les accès à cette variable sont modifiés pour appeler la propriété.

L'outil Extract Interface: Cet outil vous permet de créer très rapidement et facilement une interface à partir d'une classe existante. Il vous propose alors un assistant qui vous permet de choisir le nom de votre interface ainsi que les propriétés et méthodes qui y apparaitront.

Nous avons également l'outil Promote Local Variable To Parameter: outil qui, comme son nom l'indique, permet de passer rapidement une variable locale (de méthode) en paramètre de celle-ci
Les deux derniers outils, Remove Parameters et Reorder Parameters, permettent respectivement de supprimer ou de réordonner les paramètres d'une méthode.

L'IntelliSense (ou AutoCompletion) existait déjà dans les versions précédentes, mais celle-ci est améliorée dans cette version.
- Première évolution, vous pouvez dorénavant utiliser l'IntelliSense dans de nouveaux types de fichiers comme les fichiers web.config.

- La seconde évolution, bien plus utile encore, est l'apparition de celle-ci dans la fenêtre QuickWatch. En effet, il fallait jusqu'à maintenant connaître par cœur les noms de variables, ce qui n'est plus nécessaire dorénavant.

Les Snippets (ou Code Snippets) sont des extraits de code « semi-automatiques ». Accesibles rapidement dans l'éditeur de code, soit via les menus (principal et contextuel) soit par raccourci, ils vous permettent d'insérer rapidement un bout de code plus ou moins évolué, suivant un template dont certaines parties seront personnalisables.
L'insertion se fait en deux étapes. La première consiste à appeler l'outil d'insertion des snippets et de choisir le snippet voulu.

Une fois le snippet inséré, le curseur se place automatiquement sur les champs personnalisables (nom, etc.)

Mieux encore, il est possible d'ajouter des Snippets personnels comme vous le verrez dans le chapitre 2.2.

Le débogage se voit maintenant simplifié grâce à l'« Exception Helper ». Cette fenêtre se déclenche en mode debug et « catch » l'exception pour donner des détails sur celle-ci, de manière claire, le tout dans une fenêtre. Plus encore, en fonction de l'exception, cette fenêtre propose des astuces qui permettent d'en « deviner » la cause et pointe vers des articles MSDN traitant de ces exceptions.

Dernière nouveauté, le TracePoint. Celui-ci est une sorte de Break Point évolué. La première fonction d'un BreakPoint est de s'arrêter au moment voulu par le développeur pour que celui-ci puisse tester les valeurs de telle ou telle variable, mais cela pouvait faire perdre de précieuses secondes ou nécessiter d'ouvrir une fenêtre QuickWatch ou un visualiser de débogage.
Il est maintenant possible, à l'aide du TracePoint, de s'arrêter au moment désiré, mais surtout d'afficher un message automatique, ou une valeur de variable, afin d'éviter d'avoir à vérifier chaque variable dans une fenêtre QuickWatch par exemple.

L'affichage de la phrase se fait alors dans la fenêtre Output. Ainsi, si vous choisissez de créer un Trace Point non bloquant, cela revient au fait de faire un simple trace, mais si vous le rendez bloquant, ce Trace pour telle variable ou fonction vous fera gagner du temps.

Une autre nouveauté au niveau du débogage, est l'apparition des visualiseurs de débogage. Ces derniers, comme leur nom l'indique, permettent de visualiser plus clairement des variables en fonction de leur type ou parfois de leur contenu. Ainsi, vous pourrez maintenant, visualiser rapidement une chaîne de caractère contenant du code XML et le voir s'afficher proprement, et ceci, pendant l'exécution du programme :

L'image ci-dessus présente donc le visualiseur de débogage XML pour les objets de type String. Il existe également un visualiseur de débogage Text ou HTML ou encore un visualiseur pour objet de type DataSet.
Bien évidemment, il est également possible de créer ses propres visualiseurs de débogage et ainsi améliorer l'IDE :
Créer un visualiseur de débogage avec Visual Studio .Net 2005
Dans le chapitre 2, nous verrons tous les autres moyens qui permettent d'étendre les fonctionnalités de Visual Studio 2005.

Cette fenêtre, qui se trouve par défaut, à droite de votre IDE, juste à côté de l'explorateur de solution.

Celle-ci a été légèrement améliorée. Il est possible grâce à des ToggleButtons de filtrer les erreurs à afficher (Erreurs, Warning ou simples Messages) :

Cette petite fenêtre n'est pas modifiable ou personnalisable, elle sert juste d'affichage. Sa spécificité se trouve dans le fait que son contenu dépendra du placement de votre curseur dans le code. Elle affichera la définition de l'objet que vous pointez. Ainsi, si votre curseur se trouve sur une variable, la fenêtre vous montrera la ligne de code de définition. De même, si vous pointez sur l'appel d'une méthode, la fenêtre ira chercher et affichera la définition de la méthode.

Cette dernière donne un aperçu hiérarchique des composants de votre fenêtre. Elle trouve son tout son intérêt en mode Design puisqu'elle donne au développeur une vision hiérarchique de la structure des éléments composant une fenêtre. Cette fonctionnalité prend de l'importance avec l'arrivée de certaines nouveautés, et tout particulièrement la problématique de gestion des layouts.
Depuis cette fenêtre, vous pouvez déplacer les composants d'un conteneur à un autre, les renommer, les copier, les supprimer, etc.

Même si cette nouveauté n'est pas la plus utile, elle est nettement simplifiée par rapport aux versions précédentes. En effet, un outil simple apparait au centre de votre IDE pour déposer plus facilement vos fenêtres et les réagencer comme bon vous semble.