Comment attacher et ancrer des contrôles

Si vous concevez un formulaire que l’utilisateur peut redimensionner au moment de l’exécution, les contrôles de votre formulaire doivent redimensionner et repositionner correctement. Les contrôles ont deux propriétés qui aident à placer et dimensionner automatiquement, lorsque le formulaire change de taille.

• Control.Dock

  Les contrôles attachés occupent les contours du conteneur du contrôle, qu'il s'agisse du formulaire ou d'un contrôle conteneur. Par exemple, l’Explorateur Windows ancre son contrôle TreeView à gauche de la fenêtre et son contrôle ListView à droite de la fenêtre. Le mode d’attache peut être n’importe quel côté du conteneur du contrôle, ou être défini pour remplir l’espace restant du conteneur.

  

  Les contrôles sont ancrés dans l’ordre z inverse et la propriété Dock interagit avec la propriété AutoSize. Pour plus d’informations, consultez Dimensionnement automatique.

• Control.Anchor

  Quand le formulaire d’un contrôle ancré est redimensionné, le contrôle conserve la distance entre le contrôle et les positions d’ancrage. Par exemple, si vous avez un contrôle TextBox ancré à gauche, à droite et en bas du formulaire, lorsque le formulaire est redimensionné, le contrôle TextBox se redimensionne horizontalement afin qu’il conserve la même distance entre les côtés droit et gauche du formulaire. Le contrôle se positionne également verticalement afin que son emplacement soit toujours la même distance que le bord inférieur du formulaire. Si un contrôle n’est pas ancré et que le formulaire est redimensionné, la position du contrôle par rapport aux bords du formulaire est modifiée.

  

Pour plus d’informations, consultez Position et disposition des contrôles.

Attacher un contrôle

Un contrôle est attaché en définissant son attribut Dock.

Utiliser le concepteur

Utilisez la fenêtre des propriétés du concepteur Visual Studio pour définir le mode d’ancrage d’un contrôle.

1. Sélectionnez le contrôle dans le concepteur.

2. Dans la fenêtre Propriétés, sélectionnez la flèche à droite de la propriété Dock.

   

3. Sélectionnez le bouton qui représente le bord du conteneur où vous souhaitez ancrer le contrôle. Pour remplir le contenu du formulaire de contrôle ou du contrôle de conteneur, appuyez sur la zone centrale. Appuyez sur (aucun) pour désactiver l’ancrage.

   

Le contrôle est automatiquement redimensionné pour s’adapter précisément aux dimensions du bord ancré.

Définir l’attache par programmation

1. Définissez la propriété Dock sur un contrôle. Dans cet exemple, un bouton est ancré à droite de son conteneur :

   button1.Dock = DockStyle.Right;
   

   button1.Dock = DockStyle.Right
   

Ancrer un contrôle

Un contrôle est ancré à un bord en définissant sa propriété Anchor sur une ou plusieurs valeurs.

Utiliser le concepteur

Utilisez le concepteur Visual Studio fenêtre Propriétés pour définir les bords ancrés d’un contrôle.

1. Sélectionnez le contrôle dans le concepteur.

2. Dans la fenêtre Propriétés, sélectionnez la flèche à droite de la propriété Ancrage.

   

3. Pour définir ou annuler l’ancrage, sélectionnez le haut, la gauche, la droite ou le bras inférieur de la croix.

   

Définir l’ancre par programmation

1. Définissez la propriété Anchor sur un contrôle. Dans cet exemple, un bouton est ancré sur les côtés droit et inférieur de son conteneur :

   button1.Anchor = AnchorStyles.Bottom | AnchorStyles.Right;
   

   button1.Anchor = AnchorStyles.Bottom Or AnchorStyles.Right
   

Voir aussi

• Position et disposition des contrôles.
• System.Windows.Forms.Control.Anchor
• System.Windows.Forms.Control.Dock