Redimensionner un élément automatiquement au moment de l’exécution

Lorsque vous redimensionnez un élément, vous risquez de ne pas obtenir le résultat prévu si les propriétés sous Disposition dans le panneau Propriétés ne sont pas correctement définies. Les propriétés qui affectent la taille d’un élément sont la largeur, la hauteur, l’alignement et les propriétés de marge. Par exemple, si vous souhaitez qu’un élément se redimensionne automatiquement au moment de l’exécution lorsque la taille de la fenêtre d’application change, vous devez définir les Largeur et Hauteur sur Auto, sélectionner les valeurs HorizontalAlignment et VerticalAlignment que vous voulez, puis ajuster la taille à l’aide des propriétés Margin.

Pour redimensionner un élément automatiquement au moment de l’exécution

1. Sur la planche graphique ou sous Objetsetchronologie dans le panneau Interaction, cliquez sur l’élément à redimensionner pour le sélectionner.

2. Sous Disposition dans le panneau Propriétés, cliquez sur le bouton Définir sur automatique. Vous pouvez également cliquer sur le marqueur Options de propriétés avancées  près de la propriété Largeur et Hauteur, puis cliquer sur Auto.

   Remarque :
   Lorsque vous définissez la largeur et la hauteur d’un élément à Auto, la taille de votre élément peut diminuer jusqu’à ce que vous ajustiez les propriétés de marge pour tirer les côtés de l’élément vers les bords de l’élément conteneur.

3. Les propriétés suivantes répertoriées sous Largeur et Hauteur dépendent du type du panneau de disposition qui contient votre élément. Par exemple, si l’élément parent est un panneau de disposition Grille, vous allez voir les propriétés Row, RowSpan, Column et ColumnSpan. Si l’élément parent est un Canevas, vous verrez les propriétés Left et Top. Vous pouvez définir ces propriétés pour déterminer la position de votre élément dans le panneau de disposition.

   Remarque :
   Si l’élément parent est un panneau de disposition StackPanel, les éléments enfants n’auront pas de propriétés supplémentaires sous Largeur et Hauteur, car la mise en page est déterminée par la propriété Orientation du panneau StackPanel, et tous les éléments enfants sont empilés dans l’ordre indiqué sous Objets et chronologie.

4. Toujours sous Disposition, dans le panneau Propriétés, définissez les propriétés HorizontalAlignment et VerticalAlignment en cliquant sur l’un des boutons suivants :

   • Gauche 

   • Centre 

   • Droite 

   • Étirer 

5. Enfin, définissez les propriétés Marge afin de déterminer à quelle distance des côtés de l’élément conteneur vous voulez afficher l’élément.

   Remarque :

   Ces valeurs de marge restent statiques. En d’autres termes, si la taille de la fenêtre d’application est suffisamment réduite, votre élément disparaît complètement. Vous pouvez empêcher votre élément de disparaître en définissant les propriétés minimales de largeur et de hauteur. Sous Disposition dans le panneau Propriétés, cliquez sur le bouton Afficher des propriétés avancées, puis entrer des valeurs dans les propriétés MinWidth et MinHeight.

Voir aussi

Concepts

Redimensionner un objet ou le mettre à l’échelle