Étape 2 : créer une interface utilisateur
Mise à jour : novembre 2007
Il est temps de générer le navigateur Web. Visual Basic Express vous permet de générer l'interface utilisateur (la partie visible avec laquelle l'utilisateur interagit) en ajoutant des contrôles de la Boîte à outils au formulaire.
La Boîte à outils se trouve du côté gauche de Visual Studio et se compose de plusieurs onglets tels que Données, Composants et Tous les Windows Forms. Chaque onglet comprend un jeu d'éléments qui représentent des contrôles ou des composants que vous pouvez ajouter à votre application. Par exemple, l'onglet Tous les Windows Forms possède des entrées nommées TextBox, Button et CheckBox représentant des contrôles que vous pouvez ajouter à votre application en les faisant glisser jusqu'au formulaire. Ne vous inquiétez pas trop à propos de la taille des contrôles, vous apprendrez à personnaliser l'apparence de votre application dans la leçon suivante.
.gif)
Pour une présentation vidéo, consultez la page Vidéo : création de votre premier programme Visual Basic.
Pour ajouter des contrôles à votre application
Cliquez sur le panneau Boîte à outils.
La Boîte à outils s'ouvre.
.gif "Remarque")
Remarque :La Boîte à outils est plus facile à utiliser si vous laissez la fenêtre ouverte. Pour ce faire, cliquez sur l'icône Masquer automatiquement qui ressemble à une punaise.
Cliquez sur l'onglet Tous les Windows Forms de la Boîte à outils, puis faites glisser le contrôle Panel jusqu'au coin supérieur gauche du formulaire.
Remarque :Si vous ne parvenez pas à trouver le contrôle approprié, cliquez avec le bouton droit sur la Boîte à outils, puis sélectionnez Trier les éléments par ordre alphabétique.
Dans le même onglet, faites glisser un contrôle TextBox, puis placez-le au-dessus du contrôle Panel.
Remarque :Vous pouvez également repositionner les contrôles par une opération de glisser-déplacer. Vous pouvez également redimensionner les contrôles en cliquant dessus et en faisant glisser leur bord ou leur coin.
À partir du même onglet, faites glisser un contrôle bouton, puis positionnez-le au-dessus du contrôle Panel, à droite du contrôle TextBox.
Enfin, dans l'onglet Tous les Windows Forms, sélectionnez un contrôle WebBrowser et placez-le sous le contrôle Panel.
Remarque :Si le contrôle WebBrowser n'entre pas dans le formulaire, vous pouvez le redimensionner en faisant glisser son bord ou son angle.
Remarque :Si la fenêtre de la Boîte à outils est restée ouverte, vous pouvez à présent la fermer pour augmenter votre espace de travail. Pour ce faire, cliquez à nouveau sur l'icône Masquer automatiquement.
Présentation détaillée
Vous venez d'ajouter quatre contrôles au formulaire. Les contrôles contiennent du code qui définit l'aspect des contrôles et les tâches qu'ils peuvent effectuer.
Par exemple, le contrôle bouton : la plupart des programmes disposent d'un bouton "OK" ou "Quitter". Vous pouvez écrire votre propre code pour dessiner un bouton à l'écran, modifier son apparence suite à un clic et pour exécuter certaines tâches lorsqu'il est activé ; toutefois, ce développement serait rapidement ennuyeux s'il fallait le mettre en œuvre pour chaque programme. Le contrôle bouton contient déjà le code requis pour toutes ces opérations. Il vous permet ainsi d'éviter beaucoup de travail inutile.
Comme vous pouvez le constater, la Boîte à outils contient de nombreux contrôles, et chacun a une fonction unique. Les contrôles Panel peuvent être utilisés pour contenir d'autres contrôles, tels que ceux que vous venez d'ajouter. Les contrôles Button permettent en général d'effectuer des tâches lorsque l'utilisateur clique dessus (par exemple, fermer le programme). Les contrôles TextBox sont utilisés pour saisir un texte à l'écran au moyen du clavier. Un contrôle WebBrowser intègre des fonctions de navigation Web intégrées semblables à celles d'Internet Explorer ; vous n'avez aucun intérêt à écrire tout le code nécessaire pour obtenir le même résultat !
Dans les leçons suivantes, vous apprendrez comment personnaliser l'aspect de ces contrôles et de nombreux autres et comment écrire un code qui définit leur comportement. En plus des contrôles de la Boîte à outils, vous pouvez créer vos propres contrôles, connus sous le nom de contrôles utilisateur ; ils seront examinés dans une prochaine leçon.
Étapes suivantes
Vous venez d'ajouter tous les contrôles nécessaires à votre application. Son aspect autant que sa nature sont encore rudimentaires. Dans la leçon suivante, vous utiliserez la fenêtre Propriétés pour définir les propriétés qui contrôlent l'aspect et le comportement de votre application.
Leçon suivante : Étape 3 : personnaliser l'apparence et le comportement
Voir aussi
Tâches
Étape 1 : créer un projet dans Visual Basic