Faire une grille dans une ListView ItemTemplate de remplissage

J'ai une ListView qui a un modèle de données basé sur une grille. Le code xaml est comme suit:

<ListView ItemsSource="{Binding SomeItemSource}" HorizontalAlignment="Stretch" Height="281">
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid HorizontalAlignment="Stretch" Margin="3" Width="Auto"> 
                <Grid.RowDefinitions>
                    <RowDefinition></RowDefinition>
                    <RowDefinition></RowDefinition>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="70"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <!-- Grid content here -->
                <TextBlock Text="SomeTextbox" 
                           Margin="5,5,0,0"/>

                <TextBox Grid.Column="1" 
                         Margin="0,5,0,0"
                         Text="{Binding SomeProperty, Mode=TwoWay}"
                         HorizontalAlignment="Left"
                         Width="90"/>

                <TextBlock Text="AnotherText" 
                           Grid.Column="0" 
                           Grid.Row="1"
                           Margin="5,5,0,0"/>

                <TextBox Grid.Column="1" Grid.Row="1"
                         Margin="0,5,0,0"
                         Text="{Binding AnotherProperty, Mode=TwoWay}" 
                         HorizontalAlignment="Stretch"
                         Width="300"/>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

Ce que je veux, est pour la grille à remplir (s'étendent sur l'ensemble de la largeur horizontale de la société mère ListView, cependant, actuellement, il est renvoyé à la largeur de la somme de son contenu. Comment puis-je obtenir le comportement que je veux?

OriginalL'auteur havardhu | 2013-05-30

  1. 19

    Vous devez définir ListViewItem.HorizontalContentAlignment à Stretch. Essayez d'ajouter ceci dans votre ListView définition:

    <ListView.ItemContainerStyle>
    <Style TargetType="{x:Type ListViewItem}">
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
    </Style>
</ListView.ItemContainerStyle>
    Parfait, merci 🙂

    OriginalL'auteur dkozl

  2. 1
        <ListView Name="Husam_Copy" HorizontalAlignment="Left" Height="181" Margin="60,86,0,0" VerticalAlignment="Top" Width="189"  >
        <ListView.ItemContainerStyle>
            <Style TargetType="{x:Type ListViewItem}">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                <Setter Property="Padding" Value="0"/>
                <Setter Property="Margin" Value="0"/>
                <Setter Property="BorderThickness" Value="0"/>
            </Style>
        </ListView.ItemContainerStyle>
        <ListView.ItemTemplate>
            <DataTemplate>
                <Button Content="{Binding Title}" HorizontalAlignment="Stretch" Padding="0" Margin="0"  />
            </DataTemplate>
        </ListView.ItemTemplate>


    </ListView>
    Suggestion afin d'afficher également ce que vous avez modifié dans le but de résoudre le problème.

    OriginalL'auteur A.Kosecik