Étape 3 : personnaliser l'apparence et le comportement

Mise à jour : novembre 2007

Dans la leçon précédente, vous avez créé une interface utilisateur en ajoutant des contrôles à votre application. Toutefois, à ce stade, son fonctionnement et son aspect ne sont pas ceux d'une application terminée. Dans cette leçon, vous définirez des propriétés pour gérer l'aspect de vos contrôles, à l'aide de la fenêtre Propriétés.

Pour une présentation vidéo, consultez la page Vidéo : création de votre premier programme Visual Basic.

Pour définir les propriétés de vos contrôles

1. Dans le Concepteur de formulaires, sélectionnez le contrôle Panel.

   La fenêtre Propriétés placée dans le coin inférieur droit de l'IDE affiche toutes les propriétés destinées au contrôle Panel nommé Panel1.

2. Dans la fenêtre Propriétés, sélectionnez la propriété Dock, puis cliquez sur la flèche de droite. Une petite fenêtre de sélection de propriétés contenant plusieurs zones s'affiche.

   Conseil :
   La propriété Dock se trouve sous la catégorie Disposition. Vous pouvez trier alphabétiquement les propriétés en cliquant sur le bouton AZ dans la fenêtre Propriétés.

3. Cliquez sur la zone supérieure dans la fenêtre de sélection de propriétés pour attribuer à la propriété Dock la valeur Top. Le contrôle Panel se développe pour occuper le haut du formulaire.

4. Dans la fenêtre Propriétés, cliquez sur le signe plus (+) à côté de la propriété Size pour la développer.

   Les propriétés Width et Height apparaissent dans la fenêtre Propriétés.

5. Dans la fenêtre Propriétés, vous pouvez remarquer que la propriété Height du contrôle Panel a la valeur 100. Modifiez cette valeur de la propriété et affectez la valeur 50.

6. Dans le Concepteur de formulaires, sélectionnez le contrôle WebBrowser. Dans la fenêtre Propriétés, affectez à sa propriété Dock la valeur Fill en sélectionnant la propriété Dock, en cliquant sur la flèche de droite et en sélectionnant la zone centrale dans la fenêtre de sélection de propriétés.

7. Dans le Concepteur de formulaires, sélectionnez le contrôle Button.

8. Dans la fenêtre Propriétés, sélectionnez la propriété Text du contrôle Button. Dans la colonne de droite, supprimez Button1 et remplacez-le par Go!.

9. Redimensionnez ou déplacez un des contrôles, puis redimensionnez le formulaire à votre guise. Par exemple, vous pouvez augmenter la longueur du contrôle TextBox pour qu'il puisse afficher entièrement une URL valide. L'illustration suivante montre un exemple d'apparence que l'application de navigation Web peut prendre.

   Application de navigation Web

   

   Remarque :
   Les contrôles TextBox et Button doivent rester au-dessus du Panel. Dans la négative, vous ne pourrez pas les voir lorsque vous exécuterez l'application.

Présentation détaillée

Dans cette leçon, vous avez défini plusieurs propriétés qui ont modifié l'aspect des contrôles destinés à votre application. Dans Visual Basic, une propriété représente un attribut d'un objet (dans ce cas, un contrôle). Par exemple, le texte qu'un contrôle Button affiche constitue un de ses attributs. Dans ce cas-ci, vous définissez la propriété Text pour qu'elle affiche « Go! ». Pour en savoir plus sur les propriétés, consultez Présentation détaillée : description des propriétés, des méthodes et des événements.

Parallèlement au texte, les propriétés peuvent accepter de nombreux types de valeurs. Par exemple, la propriété Dock utilisait une fenêtre de sélection de propriétés pour afficher les options disponibles. Les autres valeurs de propriété peuvent correspondre à des nombres, une option sélectionnée dans une liste ou une option vrai/faux.

Si vous avez redimensionné ou repositionné un contrôle, vous avez ici encore défini des propriétés. Les propriétés Size et Location déterminent la taille et l'emplacement d'un contrôle sur le formulaire. Pour examiner ce thème en pratique, sélectionnez la propriété Size dans la fenêtre Propriétés, puis utilisez la souris pour redimensionner le contrôle. Lorsque vous relâchez le bouton de la souris, les nouvelles valeurs Size s'affichent dans la fenêtre Propriétés. Pour en savoir plus sur la disposition des contrôles, consultez Présentation détaillée : fonctionnement de la disposition des contrôles.

Si la plupart des propriétés peuvent être définies dans la fenêtre Propriétés, elles peuvent également l'être par l'écriture d'un code. Vous en saurez plus sur l'écriture de code pour définir des propriétés dans une leçon suivante.

Étapes suivantes

Votre interface utilisateur est désormais terminée ! Il ne vous reste plus qu'à ajouter les instructions (appelées également code) pour spécifier le fonctionnement de votre programme. Dans la leçon suivante, vous ajouterez une ligne de code à votre programme.

Leçon suivante : Étape 4 : ajouter du code Visual Basic

Voir aussi

Tâches

Étape 1 : créer un projet dans Visual Basic

Étape 2 : créer une interface utilisateur

Concepts

Présentation détaillée : description des propriétés, des méthodes et des événements

Autres ressources

Création de votre premier programme Visual Basic