Partager via

Comment : construire une disposition selon le positionnement absolu

  • Article

Mise à jour : novembre 2007

Le Concepteur Windows Presentation Foundation (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.

Remarque importante :

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.

    Remarque :

    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

    Remarque :

    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 du concepteur WPF

Autres ressources

Procédures pas à pas relatives aux dispositions