Comment faire en sorte qu'un modèle de données WPF occupe toute la largeur de la liste ?

Question

J'ai un ListBox DataTemplate dans WPF. Je veux qu'un élément soit collé contre le côté gauche du ListBox et un autre élément soit collé contre le côté droit, mais je ne trouve pas comment faire cela.

Jusqu'à présent, j'ai un Grid avec trois colonnes, les colonnes de gauche et de droite ont du contenu et le centre est un espace réservé dont la largeur est définie sur "*". Où est-ce que je me trompe?

Voici le code:

Answer 1

J'ai également dû définir :

HorizontalContentAlignment="Stretch"

sur le ListBox contenant.

Answer 2

<Grid.Width>
    <Binding Path="ActualWidth" 
             RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type ScrollContentPresenter}}" />
</Grid.Width>

Answer 3

D'accord, voici ce que vous avez:

Colonne 0: WrapPanel
Colonne 1: Rien
Colonne 2: ListBox

Il semble que vous vouliez le WrapPanel sur le bord gauche, le ListBox sur le bord droit, et de l'espace pour occuper ce qu'il reste au milieu.

La manière la plus simple de faire cela est en fait d'utiliser un DockPanel, et non un Grid.

Cela devrait laisser de l'espace vide entre le WrapPanel et le ListBox.

Answer 4

En prolongeant la réponse de Taeke, en définissant ScrollViewer.HorizontalScrollBarVisibility="Hidden" pour un ListBox, le contrôle enfant peut prendre la largeur du parent et ne pas afficher la barre de défilement.

Answer 5

Le Grid devrait par défaut prendre toute la largeur du ListBox car le ItemsPanel par défaut pour celui-ci est un VirtualizingStackPanel. Je suppose que vous n'avez pas modifié ListBox.ItemsPanel.

Peut-être si vous supprimez le ColumnDefinition du milieu (les autres sont par défaut "*"), et mettez HorizontalAlignment="Left" sur votre WrapPanel et HorizontalAlignment="Right" sur le ListBox pour les numéros de téléphone. Vous devrez peut-être modifier un peu ce ListBox pour aligner encore plus à droite les numéros de téléphone, comme créer un DataTemplate pour eux.