La boîte à outils

1. Présentation de la Boîte à outils (Toolbox)

La Boîte à outils (Toolbox) dans Visual Studio est l'un des éléments les plus essentiels et puissants pour la conception d'interfaces graphiques (GUI - Graphical User Interface). Elle contient tous les contrôles visuels prêts à l'emploi (boutons, zones de texte, listes déroulantes, etc.) que vous pouvez intégrer à vos applications.

Grâce à elle, le développement d'applications de bureau (en VB.NET ou C# avec Windows Forms ou WPF) devient visuel et intuitif. Il suffit de sélectionner un composant et de le glisser-déposer sur votre formulaire (Form) pour créer en quelques secondes l'interface utilisateur de votre programme.

2. Comment afficher et organiser la Boîte à outils ?

Par défaut, la Boîte à outils se trouve sur le bord gauche de l'écran de Visual Studio. Cependant, il arrive souvent qu'elle soit masquée ou fermée par erreur. Voici comment la maîtriser :

• L'afficher : Si elle est invisible, allez dans le menu principal en haut, cliquez sur Affichage (View) puis sélectionnez Boîte à outils (Toolbox). Vous pouvez également utiliser le raccourci clavier très pratique : Ctrl + Alt + X.
• L'ancrer (Pin) : Pour éviter qu'elle ne se rétracte automatiquement à chaque fois que vous cliquez ailleurs, cliquez sur la petite icône en forme de punaise (Auto-Hide) située en haut à droite de la fenêtre de la Boîte à outils.
• La barre de recherche : Tout en haut de la Boîte à outils se trouve une barre de recherche. Elle est extrêmement utile pour trouver un contrôle spécifique sans avoir à faire défiler des dizaines de catégories (ex: tapez "Button" ou "Timer").

3. Les Catégories de Contrôles les plus utilisées

Pour faciliter votre travail, Visual Studio classe les contrôles par catégories. Voici les groupes que vous manipulerez le plus souvent en VB.NET ou C# :

• Contrôles Communs (Common Controls) : Ce sont les éléments de base de toute application.
  • Button: Un bouton cliquable pour déclencher une action (ex: Valider).
  • Label: Une zone de texte statique (non modifiable par l'utilisateur) pour afficher des instructions ou des titres.
  • TextBox: Une zone de saisie où l'utilisateur peut taper du texte (ex: un mot de passe ou un nom).
  • CheckBox & RadioButton: Pour permettre à l'utilisateur de faire des choix multiples ou un choix unique parmi plusieurs options.
  • ComboBox: Une liste déroulante permettant de choisir un élément (ex: choisir un pays).

• Conteneurs (Containers) : Ces outils servent à regrouper et organiser visuellement d'autres contrôles.
  • GroupBox: Crée un cadre avec un titre autour de plusieurs contrôles (très utile pour regrouper des RadioButtons).
  • Panel: Une zone invisible (ou colorée) qui permet de déplacer un groupe de contrôles en une seule fois.

• Boîtes de dialogue (Dialogs) : Des fenêtres préfabriquées par Windows.
  • OpenFileDialog: Ouvre la fenêtre standard de Windows pour choisir un fichier sur l'ordinateur.
  • ColorDialog: Ouvre la palette de couleurs de Windows.

4. La Synergie : Boîte à outils et Fenêtre des Propriétés

Glisser un contrôle depuis la Boîte à outils n'est que la première étape. Une fois le contrôle posé sur votre formulaire, il possède une apparence et un comportement par défaut. Pour le personnaliser, vous devez utiliser la Fenêtre des Propriétés (accessible via la touche F4).

La Boîte à outils crée l'objet, la Fenêtre des propriétés le personnalise. Par exemple, après avoir glissé un Button:

1. Vous sélectionnez le bouton sur le formulaire.
2. Dans la fenêtre des propriétés, vous modifiez la propriété (Name) en btnValider (pour pouvoir l'appeler facilement dans le code).
3. Vous modifiez la propriété Text en "Se Connecter" (le texte affiché à l'utilisateur).
4. Vous modifiez la propriété BackColor pour changer la couleur du bouton.

5. Cas Pratique : Créer un écran de connexion

Imaginons que vous vouliez créer une fenêtre de connexion (Login) simple. Voici les outils exacts que vous devrez glisser depuis votre Boîte à outils vers votre formulaire :

• 2 contrôles Label: Modifiez leur texte en "Nom d'utilisateur :" et "Mot de passe :".
• 2 contrôles TextBox: Placez-les à côté des Labels pour que l'utilisateur puisse y taper ses informations. (Astuce : pour la TextBox du mot de passe, modifiez sa propriété PasswordChar avec le caractère '*' pour cacher la saisie).
• 1 contrôle Button: Modifiez son texte en "Connexion". C'est en double-cliquant sur ce bouton que vous écrirez le code de vérification VB.NET.

Rédigé et structuré par : Med Khalil Kribi