Comment : construire une disposition dynamique pilotée par les données

Windows Presentation Foundation (WPF) fournit des contrôles qui prennent en charge des dispositions dynamiques pilotées par des données. L'utilisation de ces contrôles avec le Concepteur WPF vous simplifie la création de ces types de disposition. Vous pouvez utiliser les contrôles suivants dans vos applications :

• ListView

• GridView

Le contrôle ListView fournit l'infrastructure pour afficher un groupe d'éléments de données dans différentes dispositions. Vous utilisez en général un GridView avec le contrôle ListView pour afficher des données dans des colonnes. Pour plus d'informations, consultez Vue d'ensemble de ListView et Vue d'ensemble de GridView.

Ajout et configuration d'un ListView

Pour ajouter et configurer un ListView

1. Dans la Boîte à outils, dans le groupe Contrôles, faites glisser un contrôle ListView sur un panneau tel qu'un Grid.

2. Dans la fenêtre Propriétés, définissez les propriétés suivantes pour le contrôle ListView afin de maximiser le comportement dynamique :

   Propriété	Valeur suggérée
   Largeur	Auto
   Hauteur	Auto
   HorizontalAlignment	Stretch
   VerticalAlignment	Stretch
   Margin	0

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

Ajout et configuration d'un GridView

Pour ajouter et configurer un GridView

1. Dans l'affichage XAML localisez l'élément ListView. Il ressemble à ce qui suit :

   <ListView <ATTRIBUTES> />
   

2. Remplacez l'élément ListView par le balisage suivant. Ajoutez des noms et plus de colonnes si nécessaire.

   Notes

   L'élément ListView et les éléments GridViewColumn doivent avoir des noms explicites si vous souhaitez y faire référence depuis le code-behind. Par exemple, ils doivent avoir des noms explicites si vous y faites référence dans du code de liaison de données.

   <ListView x:Name="LISTVIEWNAME">
       <ListView.View>
           <GridView AllowsColumnReorder="True">
               <GridViewColumn x:Name="<COLUMNNAME>" Header="<COLUMNHEADER>"></GridViewColumn>
               Add more columns as necessary.
           </GridView>
       </ListView.View>
   </ListView>
   

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

Réglage de la fenêtre pour un dimensionnement dynamique

La propriété SizeToContent spécifie la façon dont la taille d'une fenêtre Window change lorsque la taille de son contenu change. Par défaut, cette propriété a la valeur Manual, ce qui signifie que l'utilisateur peut redimensionner manuellement la fenêtre au contenu. Si vous affectez à cette propriété la valeur WidthAndHeight, la fenêtre se redimensionne dynamiquement lorsque son contenu change.

Pour régler la fenêtre pour un dimensionnement dynamique

1. Ouvrez MainWindow.xaml dans le concepteur.

2. En mode Design, sélectionnez Window.

3. Dans la fenêtre Propriétés, définissez les propriétés suivantes pour Window :

   Propriété	Valeur
   SizeToContent	WidthAndHeight
   Largeur	Auto
   Hauteur	Auto

   Conseil

   Lorsque vous définissez les propriétés Width et Height sur Auto, la fenêtre est redimensionnée pour s'adapter aux contrôles et au contenu actuels. Par conséquent, vous devez définir ces propriétés après avoir ajouté tous vos contrôles et contenu à votre fenêtre.

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

Voir aussi

Tâches

Procédure pas à pas : construction d'une disposition dynamique pilotée par les données

Comment : afficher un contenu ListView à l'aide d'un GridView

Concepts

Système de disposition

Autres ressources

Utilisation du Concepteur WPF