Personnalisez les dispositions des fenêtres et personnalisez les onglets

Dans Visual Studio, vous pouvez personnaliser la position, la taille et le comportement des fenêtres pour créer des dispositions de fenêtres optimisées pour différents workflows de développement. Vous pouvez également personnaliser la façon dont vous utilisez des onglets pour interagir avec votre code.

Personnaliser les dispositions de fenêtres

Lorsque vous personnalisez une disposition de fenêtre, l’environnement de développement intégré (IDE) Visual Studio s’en souvient. Par exemple, si vous modifiez l’emplacement d’ancrage de l’Explorateur de solutions puis fermez Visual Studio, au prochain démarrage de Visual Studio, l’Explorateur de solutions sera ancré à ce même emplacement. L’IDE Visual Studio mémorise l’emplacement d’ancrage même si vous travaillez sur un autre ordinateur.

Vous pouvez également nommer et enregistrer une disposition personnalisée, et basculer d’une disposition à l’autre avec une seule commande. Vous pouvez par exemple créer une disposition pour la modification et une autre pour le débogage, et passer de l’une à l’autre en sélectionnant Fenêtre>Appliquer la disposition de fenêtre.

Conseil

À compter de Visual Studio 17.9, la liste des documents ouverts passe d’un format binaire dans le fichier .suo à un format texte brut dans un fichier JSON. Le fichier JSON est enregistré dans le dossier .vs masqué au même emplacement que le fichier .suo (solutionFolder.vs\solutionName\v17). Ce fichier JSON contient la liste des documents ouverts et leurs propriétés, la disposition des groupes de documents et des conteneurs ainsi que la largeur de colonne des onglets verticaux. Le stockage en texte brut au format JSON facilite la sauvegarde et permet d’archiver différents ensembles de documents ouverts qui peuvent être restaurés si nécessaire.

Fenêtres Outil et Document

L’IDE comprend deux types de fenêtres de base : les fenêtres Outil et les fenêtres de document. Les fenêtres Outil comprennent l’Explorateur de solutions, l’Explorateur de serveurs, la fenêtre Sortie, la Liste d’erreurs, les concepteurs et les fenêtres du débogueur. Les fenêtres de document contiennent les fichiers de code source, les fichiers de texte arbitraire, les fichiers de configuration, etc. Vous pouvez utiliser la barre de titre des fenêtres Outil pour les redimensionner et les déplacer. Vous pouvez utiliser l’onglet des fenêtres de document pour les déplacer.

Le menu Fenêtre contient les options d’ancrage, de flottement et de masquage des fenêtres dans l’IDE. Faites un clic droit sur l’onglet d’une fenêtre ou sur la barre de titre pour afficher d’autres options pour cette fenêtre spécifique. Vous pouvez afficher plusieurs instances d’une même fenêtre Outil à la fois. Par exemple, vous pouvez afficher plusieurs fenêtres du navigateur web, et vous pouvez créer des instances supplémentaires de certaines fenêtres Outil en sélectionnant Nouvelle fenêtre dans le menu Fenêtre.

Fenêtres fractionnées

Lorsque vous avez besoin d’afficher ou de modifier deux emplacements simultanément dans un document, vous pouvez diviser la fenêtre. Pour diviser votre document en deux sections qui défilent indépendamment, sélectionnez Fractionner dans le menu Fenêtre . Sélectionnez Supprimer le fractionnement dans le menu Fenêtre pour revenir à la vue unique.

Barres d’outils

Vous pouvez organiser les barres d’outils en les faisant glisser là où vous le souhaitez, ou en utilisant la boîte de dialogue Personnaliser. Pour plus d’informations sur le positionnement et la personnalisation des barres d’outils, consultez la section Personnaliser des menus et des barres d’outils.

Organiser et ancrer des fenêtres

Il est possible d’ancrer une fenêtre de document ou une fenêtre outil pour qu’elle ait une position et une taille dans le cadre de la fenêtre IDE. Vous pouvez également la positionner comme une fenêtre flottante distincte qui se trouve en dehors de l’IDE.

Vous pouvez ancrer une fenêtre d’outil n’importe où dans le cadre de l’IDE. Vous pouvez également ancrer certaines fenêtres outil sous forme de fenêtres à onglets dans le cadre de l’éditeur. Vous pouvez également ancrer des fenêtres de document dans le cadre de l’éditeur ou les épingler à leur position actuelle dans l’ordre de tabulation.

Vous pouvez également organiser les fenêtres comme suit :

• ancrer plusieurs fenêtres pour les faire flotter ensemble dans un rafting par-dessus l’IDE ou en dehors de celui-ci ;
• masquer les fenêtres Outil le long du bord de l’IDE ;
• réduire les fenêtres Outil ;
• afficher les fenêtres sur plusieurs écrans ;
• rétablir la position de la fenêtre selon la disposition par défaut ou une disposition personnalisée enregistrée.

Pour organiser les fenêtres outil et document, vous pouvez placer votre curseur dans la barre de titre d’une fenêtre, puis la faire glisser vers l’emplacement souhaité. Vous pouvez également faire un clic droit sur la barre de titre de la fenêtre pour utiliser son menu contextuel, ou vous pouvez utiliser les commandes du menu Fenêtre.

Ancrer des fenêtres

Lorsque vous sélectionnez et faites glisser la barre de titre d’une fenêtre outil ou l’onglet d’une fenêtre de document, un repère en forme de losange apparaît. Au cours de l’opération de glissement, quand le curseur de la souris se trouve sur l’une des flèches dans le losange, une zone grisée apparaît pour vous montrer où la fenêtre sera ancrée si vous relâchez le bouton de la souris.

Pour déplacer une fenêtre ancrable sans la figer à un emplacement, appuyez sur Ctrl pendant que vous faites glisser la fenêtre.

Pour faire revenir une fenêtre Outil ou une fenêtre de document à son emplacement d’ancrage le plus récent, appuyez sur Ctrl pendant que vous double-cliquez sur la barre de titre ou sur l’onglet de la fenêtre.

La capture d’écran suivante montre le repère en forme de losange pour les fenêtres de document, celles-ci pouvant être ancrées uniquement dans le cadre de modification :

Vous pouvez ancrer les fenêtres Outil à un côté d’un cadre dans l’IDE ou dans le cadre de modification. Pour vous aider à la réancrer facilement, un repère en forme de losange apparaît quand vous faites glisser une fenêtre Outil vers un autre emplacement.

La capture d’écran suivante montre l’ancrage de l’Explorateur de solutions à un nouvel emplacement indiqué par la zone ombrée en violet :

Fermer et masquer automatiquement les fenêtres d’outils

Vous pouvez fermer une fenêtre Outil en sélectionnant le bouton Fermer dans le coin supérieur droit de la barre de titre. Pour rouvrir la fenêtre, sélectionnez la fenêtre Outil souhaitée dans le menu Affichage ou utilisez le raccourci clavier associé.

Si vous cliquez avec le bouton droit sur la barre de titre d’une fenêtre Outil, puis sélectionnez Masquer automatiquement, la fenêtre disparaîtra lorsque vous utiliserez une autre fenêtre. Quand une fenêtre est automatiquement masquée, son nom s’affiche sous un onglet au bord de l’IDE. Pour réutiliser la fenêtre, sélectionnez l’onglet pour que la fenêtre soit de nouveau visible.

Conseil

Pour spécifier si la fonctionnalité Masquer automatiquement agit sur chaque fenêtre Outil ou sur des groupes ancrés, sélectionnez ou désélectionnez Le bouton Masquer automatiquement affecte uniquement la fenêtre Outil dans la boîte de dialogue Options. Pour plus d’informations, consultez Options (boîte de dialogue) : Environnement > Général.

Remarque

Lorsque l’option Masquer automatiquement est activée sur une fenêtre Outil, il est possible que la fenêtre s’affiche temporairement quand elle est active. Pour masquer à nouveau la fenêtre, sélectionnez un élément qui se trouve en dehors de la fenêtre active. Quand la fenêtre perd le focus, elle disparaît à nouveau.

Utilisez un deuxième écran

Si vous possédez un deuxième écran et que votre système d’exploitation prend en charge l’utilisation de deux écrans, vous pouvez sélectionner celui qui affiche une fenêtre. Vous pouvez même regrouper plusieurs fenêtres en radeaux sur d’autres écrans.

Conseil

Vous pouvez créer plusieurs instances de l’ Explorateur de solutions et les déplacer dans un autre écran. Faites un clic droit sur le nœud Solution et sélectionnez Nouvel affichage Explorateur de solutions. Pour fermer une instance supplémentaire, double-cliquez sur la barre de titre tout en appuyant sur la touche Ctrl .

Réinitialiser la disposition des fenêtres

Vous pouvez renvoyer l’IDE à la disposition de la fenêtre d’origine de votre collection de paramètres en sélectionnant Windows>Rétablir la disposition de fenêtre dans la barre de menu. Quand vous exécutez cette commande, les actions suivantes se produisent :

• Toutes les fenêtres sont déplacées vers leurs positions par défaut.

• Les fenêtres qui sont fermées dans la disposition de fenêtre par défaut sont fermées.

• Les fenêtres qui sont ouvertes dans la disposition de fenêtre par défaut sont ouvertes.

Créer et enregistrer des dispositions personnalisées

Avec Visual Studio, vous pouvez enregistrer jusqu’à 10 dispositions de fenêtres personnalisées et passer rapidement de l’une à l’autre. Les étapes suivantes montrent comment créer, enregistrer, appeler et gérer deux dispositions personnalisées qui tirent parti de plusieurs écrans et ont à la fois des fenêtres Outil ancrées et flottantes.

Créez un projet d’interface utilisateur et personnalisez la disposition

Tout d’abord, créez un projet d’interface utilisateur (UI). L’idée est de maximiser l’espace pour la fenêtre du concepteur en écartant les autres fenêtres d’outils.

1. Créez un nouveau projet C# WPF Application.

2. Si vous avez plusieurs écrans, faites glisser les fenêtres Explorateur de solutions et Propriétés sur votre deuxième écran.

   Si vous n’utilisez qu’un seul moniteur, fermez toutes les fenêtres à l’exception du concepteur.

3. Appuyez sur Ctrl+Alt+X pour afficher la fenêtre Boîte à outils. Si la fenêtre est ancrée, faites-la glisser pour la faire flotter là où vous voulez la placer.

4. Lorsque votre disposition est telle que vous la souhaitez, sélectionnez Fenêtre>Enregistrer la disposition de la fenêtre. Nommez cette disposition Concepteur.

   Remarquez que votre nouvelle disposition se voit attribuer le raccourci clavier suivant de la liste réservée de raccourcis Ctrl+Alt+1...0.

Créer un projet de base de données et une disposition

Ensuite, ajoutez un nouveau projet de base de données SQL Server à la solution.

1. Faites un clic droit sur le nœud Solution dans l’Explorateur de solutions pour ouvrir son menu contextuel, sélectionnez Ajouter, puis sélectionnez Nouveau projet.

2. Dans la boîte de dialogue Ajouter un nouveau projet, sélectionnez SQL dans la liste Tous les types de projets, puis sélectionnez Projet de base de données SQL Server. (Vous devrez peut-être effacer les autres filtres.)

   (Vous pouvez également utiliser la zone de recherche pour rechercher le modèle. Pour cela, entrez SQL dans la zone contenant le texte Rechercher des modèles (Alt+S).)

3. Faites un clic droit sur le nouveau projet de base de données dans l’Explorateur de solutions, puis sélectionnez Affichage dans l’Explorateur d’objets.

   Lorsque vous sélectionnez cette option, Visual Studio affiche la fenêtre Explorateur d’objets SQL Server, qui vous permet d’accéder aux tables, vues et autres objets de votre base de données. Vous pouvez soit faire flotter cette fenêtre ou la laisser ancrée. Ajustez librement les autres fenêtres d’outils. Pour rendre cette procédure pas à pas plus réaliste, vous pouvez ajouter une base de données réelle, mais cela n’est pas obligatoire.

4. Lorsque votre disposition est telle que vous la souhaitez, sélectionnez Fenêtre dans la barre de menus, puis sélectionnez Enregistrer la disposition de la fenêtre. Nommez cette disposition Projet de base de données.

Basculer entre les dispositions

Pour basculer entre les dispositions, utilisez les raccourcis clavier de la liste réservée de raccourcis Ctrl+Alt+1...0. Ou, dans le menu principal, sélectionnez Fenêtre>Appliquer la disposition de la fenêtre.

Si vous utilisez une configuration à plusieurs écrans au bureau et un ordinateur portable à un seul écran à la maison, vous pouvez créer des dispositions optimisées pour chaque ordinateur.

Remarque

Si vous appliquez une disposition à plusieurs écrans à un système à un seul écran, les fenêtres flottantes que vous avez placées sur le second écran sont masquées derrière la fenêtre Visual Studio. Vous pouvez apporter ces fenêtres à l’avant en appuyant sur Alt+Tab. Si vous ouvrez ultérieurement Visual Studio avec plusieurs écrans, vous pouvez restaurer les fenêtres à leurs positions spécifiées en réappliquer la disposition.

Gérer vos dispositions et les rendre itinérantes

Vous pouvez supprimer, renommer ou réorganiser votre disposition personnalisée en sélectionnant Fenêtre>Gérer les dispositions de fenêtres. Si vous déplacez une disposition, la combinaison de touches est automatiquement ajustée afin de refléter la nouvelle position dans la liste. Les combinaison de touches elles-mêmes ne peuvent pas être modifiées, mais vous pouvez stocker jusqu’à 10 dispositions à la fois.

Pour vous rappeler quel raccourci clavier est affecté à quelle disposition, sélectionnez Fenêtre>Appliquer la disposition de fenêtre.

Ces dispositions utilisent automatiquement un profil itinérant entre les éditions de Visual Studio et les instances Blend sur des ordinateurs distincts.

Personnalisez les onglets

Vous pouvez personnaliser les onglets pour interagir avec les fenêtres de document de plusieurs façons différentes. Par exemple, vous pouvez afficher un aperçu d’un fichier dans l’éditeur sans ouvrir le fichier, vous pouvez regrouper vos onglets, les organiser dans plusieurs lignes, etc.

Conseil

Pour en savoir plus sur la gestion des onglets dans Visual Studio 2022 et les versions ultérieures, consultez le billet de blog suivant : Trop d’onglets ouverts ? Pas de problème !.

Onglet d’aperçu

Dans l’onglet Aperçu, vous pouvez visualiser des fichiers dans l’éditeur sans les ouvrir. Vous pouvez afficher un aperçu des fichiers en les sélectionnant dans l’Explorateur de solutions pendant le débogage quand vous effectuez un pas à pas détaillé dans des fichiers, avec Accédez à la définition et quand vous parcourez les résultats d’une recherche. Les fichiers d’aperçu apparaissent aussi sous un onglet à droite de l’onglet de document. Le fichier s’ouvre en édition si vous le modifiez ou sélectionnez Ouvrir dans le menu contextuel du fichier dans l’Explorateur de solutions.

Groupes d’onglets

Les groupes d’onglets vous permettent de mieux gérer l’espace de travail limité quand vous travaillez avec deux documents ou plus ouverts dans l’IDE. Vous pouvez organiser plusieurs fenêtres d’outils et plusieurs fenêtres de document en groupes d’onglets verticaux ou horizontaux, et faire passer les documents d’un groupe d’onglets à un autre.

Onglets de document verticaux

Vous pouvez gérer vos onglets de document dans une liste verticale que vous pouvez placer sur la gauche ou la droite de l’éditeur.

Vous pouvez appliquer des onglets de document verticaux de la manière suivante :

• Sélectionnez Outils>Options>Onglets d’environnement> et Fenêtres. Ensuite, dans la liste Définir la disposition de l’onglet, sélectionnez Haut, Gauche, ou Droite.

• Cliquez avec le bouton droit sur un onglet, sélectionnez Définir la disposition de l’onglet, puis Placer les onglets à gauche, Placer les onglets en haut, ou Placer les onglets à droite. (Pour renvoyer les onglets à leur position par défaut, sélectionnez Placer les onglets en haut.)

Onglets de documents avec code couleur

Visual Studio 2022 inclut de nouvelles options de personnalisation qui peuvent vous aider à travailler plus efficacement. Vous pouvez désormais définir un code couleur pour les onglets de fichier par projet pour ne pas avoir à rechercher vos fichiers ouverts.

Pour afficher des onglets avec code couleur, accédez à Outils>Options>Onglets d’environnement> et Fenêtres. Sélectionnez ensuite la case à cocher Coloriser les onglets de document par projet et sélectionnez Projet, Extension de fichier, ou Expression régulière dans la liste déroulante.

Colorisez les onglets dans différents affichages

Vous pouvez coloriser des onglets dans les affichages verticaux et horizontaux dans l’éditeur.

La capture d’écran suivante montre un exemple d’onglets de couleur dans l’affichage vertical :

La capture d’écran suivante montre un exemple d’onglets de couleur dans l’affichage horizontal :

Sélectionnez vos propres couleurs

Vous pouvez également sélectionner vos propres couleurs d’onglet. Pour ce faire, cliquez avec le bouton droit sur un onglet, sélectionnez Définir la couleur de l’onglet, puis sélectionnez une couleur.

La capture d’écran suivante montre un exemple de personnalisation du jeu de couleurs des onglets :

Plusieurs lignes d’onglets

Vous avez maintenant la possibilité d’envelopper les onglets sur plusieurs lignes. Cela vous permet d’ouvrir plusieurs onglets horizontaux en même temps. Les onglets épinglés s’affichent sur une ligne distincte des onglets non épinglés.

Pour modifier ces options, accédez à Outils>Options>Onglets d’environnement> et Fenêtres>Afficher les onglets sur plusieurs lignes.

Système d’organisation personnalisé

Vous avez désormais la possibilité de mettre en gras votre onglet actif actuel, de modifier la largeur de votre onglet et d’ajouter un bouton de fermeture supplémentaire en haut d’un document.

Pour modifier ces options, accédez à Outils>Options>Onglets>d’environnement et Windows.

Accessibilité améliorée

Vous pouvez changer l’indicateur pour les documents avec des modifications non enregistrées en un point plus grand et plus visible.

Pour modifier ce paramètre, sélectionnez votre préférence dans Outils>Options>Onglets d’environnement> et Fenêtres>Indicateur sale.

Affichez les noms en italique

Vous pouvez afficher les noms des documents qui ne sont pas visibles en italique.

Pour activer cette option, accédez à Outils>Options>Onglets d’environnement> et Fenêtres et sélectionnez Afficher les onglets invisibles en italique dans le menu déroulant des onglets.

Restaurez les onglets fermés

Vous pouvez maintenant rouvrir le dernier onglet que vous avez fermé en faisant un clic droit sur un onglet, en utilisant le raccourci clavier Ctrl+K, Ctrl+Z ou en sélectionnant Fenêtre>Restaurer l’onglet fermé.

Contenu connexe

• Se déplacer dans l’IDE de Visual Studio