Présentation détaillée : fonctionnement de la disposition des contrôles

Mise à jour : novembre 2007

Lorsque vous ajoutez des contrôles au formulaire, vous pouvez les disposer de plusieurs façons. Par exemple, vous pouvez aligner les trois boutons d'un formulaire verticalement ou horizontalement. Cette organisation des contrôles est appelée disposition. Vous pouvez utiliser plusieurs outils et techniques dans Visual Basic pour disposer et redimensionner les contrôles ajoutés à un formulaire. Cette rubrique vous présente quelques-unes de ces techniques.

Emplacement des contrôles

Vous pouvez en général disposer les contrôles d'un formulaire de deux manières. Après avoir fait glisser un contrôle vers le formulaire, vous pouvez utiliser la fenêtre Propriétés pour définir précisément le positionnement. Vous pouvez également déplacer manuellement le contrôle en le faisant glisser vers un emplacement spécifique du formulaire. Vous utiliserez en général ces deux techniques lors de la conception de vos applications.

Alignement des contrôles

Lors de l'ajout de contrôles à un formulaire, vous pouvez disposer les contrôles afin de les aligner avec un bord du formulaire. Vous pouvez également aligner les contrôles avec d'autres contrôles déjà présents sur le formulaire. Vous pouvez même configurer le redimensionnement automatique des contrôles à chaque redimensionnement de l'application.

Alignement des contrôles avec le bord d'un formulaire

Vous pouvez aligner un contrôle pour le joindre au bord du formulaire. Cette opération est appelée l'ancrage du contrôle. L'exemple présenté dans Étape 3 : personnaliser l'apparence et le comportement explique comment aligner un contrôle Panel avec la partie supérieure d'un formulaire en affectant Top à la propriété Dock.

Vous pouvez ancrer un contrôle à tous les bords d'un formulaire (supérieur, inférieur, gauche ou droit). Le contrôle reste aligné même si le formulaire est redimensionné. Par exemple, si vous ancrez un contrôle à la partie supérieure d'un formulaire, puis modifiez la largeur du formulaire, le contrôle se redimensionne automatiquement pour s'adapter à la nouvelle largeur. Pour ancrer un contrôle à tous les côtés d'un formulaire, affectez Fill à la propriété Dock. Vous remplissez ainsi l'ensemble du formulaire à l'aide du contrôle.

Remarque :

Si un contrôle est ancré à un bord d'un formulaire et que vous affectez ensuite la valeur Fill à la propriété Dock d'un deuxième contrôle, le second contrôle occupe uniquement l'espace restant.

Alignement des contrôles avec d'autres contrôles

Vous pouvez déplacer un contrôle pour l'aligner avec d'autres contrôles du formulaire. Si vous déplacez un contrôle dans la même zone d'un contrôle existant du formulaire, des lignes bleues apparaissent. Ces lignes sont des repères qui vous permettent de visualiser exactement l'endroit où vous devez déplacer le contrôle pour l'aligner avec un contrôle existant. L'illustration suivante présente ces lignes d'alignement.

Alignement des contrôles

Lignes d'alignement

Conseil :

Vous pouvez également sélectionner plusieurs contrôles et utiliser les commandes d'alignement de la barre d'outils Disposition.

Redimensionnement des contrôles

Lorsque vous sélectionnez un contrôle, plusieurs petits symboles carrés apparaissent tout autour du contrôle. Ces symboles sont appelés poignées de redimensionnement. Pour redimensionner le contrôle, cliquez sur la poignée de redimensionnement et faites-la glisser vers un nouvel emplacement pour agrandir ou réduire le contrôle. L'illustration suivante présente la transformation du pointeur en flèche lorsque vous le déplacez sur une poignée de redimensionnement. La flèche indique les directions vers lesquelles vous pouvez faire glisser le contrôle pour le redimensionner.

Poignées de redimensionnement de contrôle

Poignées de dimensionnement du contrôle

Vous pouvez définir le redimensionnement automatique des contrôles lorsque le formulaire est redimensionné, en affectant la valeur Fill à la propriété Dock du contrôle. Un exemple vous a été présenté dans Étape 3 : personnaliser l'apparence et le comportement, où vous avez appris à ancrer un contrôle WebBrowser pour qu'il remplisse une zone de Windows Form. Lorsque vous augmentez la taille de Windows Form, le contrôle WebBrowser est automatiquement redimensionné pour s'adapter aux dimensions du formulaire.

Si vous le souhaitez, vous pouvez également redimensionner les contrôles à l'aide des propriétés Height et Width du contrôle dans la fenêtre Propriétés afin de définir des valeurs spécifiques.

Remarque :

Les propriétés Height et Width d'un contrôle sont inclus dans la propriété Size de la fenêtre Propriétés.

Étapes suivantes

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 2 : créer une interface utilisateur