Partager via


Comment : construire une disposition selon le positionnement absolu

Concepteur WPF pour Visual Studio fournit un contrôle de panneau Canvas qui prend en charge le positionnement absolu. Vous pouvez utiliser le contrôle de panneau Canvas pour positionner de façon absolue des éléments dans vos applications.

Important

Autant que possible, il est préférable d'utiliser une disposition dynamique. Les dispositions dynamiques sont les plus flexibles, elles s'adaptent aux modifications de contenu telles que la localisation et elles offrent à l'utilisateur final un meilleur contrôle sur leur environnement. Pour voir des exemples de dispositions dynamiques, consultez Comment : construire une disposition dynamique et Procédure pas à pas : construction d'une disposition dynamique.

Ajout d'un contrôle de panneau

Par défaut, chaque nouvelle application WPF contient un Window avec un panneau Grid. Pour créer une disposition selon le positionnement absolu, vous devez utiliser un panneau Canvas. Dans cette procédure, vous supprimez le contrôle Grid par défaut et ajoutez un contrôle Canvas.

Pour ajouter un contrôle de panneau

  1. En mode Design, sélectionnez la grille.

    Notes

    Vous pouvez sélectionner la grille de plusieurs façons, par exemple en cliquant n'importe où à l'intérieur de la grille ou en utilisant la touche TAB. Pour plus d'informations sur la manière de sélectionner des éléments dans le Concepteur WPF, consultez Comment : sélectionner et déplacer des éléments sur l'aire de conception.

  2. Appuyez sur la touche SUPPR pour supprimer le contrôle Grid.

  3. Dans la Boîte à outils, dans le groupe Contrôles, faites glisser un contrôle Canvas sur Window.

  4. (Facultatif) Dans la fenêtre Propriétés, affectez la valeur Auto à la propriété Height du contrôle Canvas.

    Le contrôle Canvas s'étend sur toute la hauteur de Window.

  5. (Facultatif) Dans la fenêtre Propriétés, affectez la valeur Auto à la propriété Width du contrôle Canvas.

    Le contrôle Canvas s'étend sur toute la largeur de Window.

  6. Dans le menu Fichier, cliquez sur Enregistrer tout.

Ajout de contrôles au panneau

Ensuite, vous ajoutez des contrôles au panneau et utilisez les propriétés attachées Left et Top du contrôle Canvas pour les positionner de façon absolue.

Pour ajouter des contrôles au panneau

  1. Faites glisser un contrôle à partir de la Boîte à outils sur le contrôle Canvas.

  2. Dans la fenêtre Propriétés, définissez les propriétés suivantes pour le contrôle :

    • Canvas.Left

    • Canvas.Top

    Notes

    Il existe deux jeux de propriétés qui s'excluent mutuellement : Left / Right et Top / Bottom. Seules les propriétés Left et Top sont exposées dans la fenêtre Propriétés, mais vous pouvez spécifier les propriétés Right et Bottom dans l'éditeur XAML. Si vous spécifiez les deux propriétés Left et Right, seule la dernière déclaration est utilisée. Si vous spécifiez les deux propriétés Top et Bottom, seule la dernière déclaration est utilisée.

  3. Répétez des étapes 1 et 2 jusqu'à ce que tous les contrôles nécessaires aient été ajoutés au panneau.

  4. Dans le menu Fichier, cliquez sur Enregistrer tout.

Voir aussi

Tâches

Procédure pas à pas : construction d'une disposition selon le positionnement absolu

Concepts

Disposition selon les positionnements absolu et dynamique

Alignement dans le Concepteur WPF

Système de disposition

Vue d'ensemble des concepteurs WPF et Silverlight

Autres ressources

Procédures pas à pas relatives aux dispositions