Comment obtenir un ItemTemplate ListBox pour étirer horizontalement la pleine largeur de la ListBox?

Je veux que les ListItems étendent avec leur fond orange la pleine largeur de la Listbox.

Actuellement, ils sont aussi larges que FirstName + LastName.

J'ai défini tous les éléments que je peux: HorizontalAlignment = "Stretch".

Je veux que l'arrière-plan des ListboxItems se développe lorsque l'utilisateur étire la Listbox, donc je ne veux pas mettre de valeurs absolues.

Que dois-je faire pour que la couleur d'arrière-plan des ListBoxItems remplisse la largeur de la ListBox?

<Window x:Class="TestListBoxSelectedItemStyle.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TestListBoxSelectedItemStyle"
    Title="Window1" Height="300" Width="300">

    <Window.Resources>
        <local:CustomerViewModel x:Key="TheDataProvider"/>

        <DataTemplate x:Key="CustomerItemTemplate">
            <Border CornerRadius="5" Background="Orange" HorizontalAlignment="Stretch" Padding="5" Margin="3">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" Width="Auto">
                    <TextBlock HorizontalAlignment="Stretch">
                    <TextBlock.Text>
                        <MultiBinding StringFormat="{}{0} {1}">
                            <Binding Path="FirstName"/>
                            <Binding Path="LastName"/>
                        </MultiBinding>
                    </TextBlock.Text>
                    </TextBlock>
                </StackPanel>
            </Border>
        </DataTemplate>

    </Window.Resources>

    <Grid>
        <ListBox ItemsSource="{Binding Path=GetAllCustomers, Source={StaticResource TheDataProvider}}"
                 ItemTemplate="{StaticResource CustomerItemTemplate}"/>
    </Grid>
</Window>

Je suis sûr que c'est un doublon, mais je ne trouve pas une question avec la même réponse.

Ajoutez HorizontalContentAlignment="Stretch"à votre ListBox. Cela devrait faire l'affaire. Faites juste attention à la saisie semi-automatique, car il est si facile à obtenir HorizontalAlignmentpar erreur.

J'ai trouvé une autre solution ici , car j'ai rencontré les deux postes ...

C'est de la réponse de Myles:

<ListBox.ItemContainerStyle> 
    <Style TargetType="ListBoxItem"> 
        <Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter> 
    </Style> 
</ListBox.ItemContainerStyle> 

Cela a fonctionné pour moi.

Si vos articles sont plus larges que le ListBox, les autres réponses ici ne seront d'aucune aide: les articles du ItemTemplaterestent plus larges que le ListBox.

Le correctif qui a fonctionné pour moi était de désactiver la barre de défilement horizontale, qui, apparemment, indique également au conteneur de tous ces éléments de rester aussi large que la zone de liste.

Par conséquent, le correctif combiné pour obtenir des éléments ListBox qui sont aussi larges que la zone de liste, qu'ils soient plus petits et nécessitent un étirement, ou plus larges et doivent être encapsulés, est le suivant:

<ListBox HorizontalContentAlignment="Stretch" 
         ScrollViewer.HorizontalScrollBarVisibility="Disabled">

( crédits pour l'idée de la barre de défilement )

Étant donné que la bordure est utilisée uniquement pour l'apparence visuelle, vous pouvez la placer dans le ControlTemplate de ListBoxItem et y modifier les propriétés. Dans le ItemTemplate, vous pouvez placer uniquement le StackPanel et le TextBlock. De cette façon, le code reste également propre, car dans l'apparence du contrôle sera contrôlé via le ControlTemplate et les données à afficher seront contrôlées via le DataTemplate.

La solution pour moi était de définir la propriété HorizontalAlignment="Stretch"à l' ItemsPresenterintérieur de ScrollViewer ..

J'espère que cela aide quelqu'un ...

<Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBox">
                    <ScrollViewer x:Name="ScrollViewer" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Foreground="{TemplateBinding Foreground}" Padding="{TemplateBinding Padding}" HorizontalAlignment="Stretch">
                        <ItemsPresenter  Height="252" HorizontalAlignment="Stretch"/>
                    </ScrollViewer>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

J'ai également eu le même problème, comme solution rapide, j'ai utilisé le mélange pour déterminer la quantité de rembourrage ajoutée. Dans mon cas, c'était 12, j'ai donc utilisé une marge négative pour m'en débarrasser. Maintenant, tout peut maintenant être correctement centré