ListBox tam genişliğini yatay olarak uzatmak için bir ListBox ItemTemplate nasıl edinilir?

ListItems turuncu arka plan ile Listbox tam genişliğini uzatmak istiyorum.

Şu anda sadece FirstName + LastName kadar genişler.

Yapabildiğim her elemanı ayarladım: HorizontalAlignment = "Stretch".

Mutlak değerler koymak istemiyorum böylece kullanıcı Listbox uzanır gibi ListboxItems arka planını genişletmek istiyorum.

ListBoxItems arka plan rengini ListBox genişliğini doldurmak için ne yapmam gerekir?

<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>

Eminim bu bir kopyadır, ancak aynı cevabı içeren bir soru bulamıyorum.

HorizontalContentAlignment="Stretch"ListBox'ınıza ekleyin . Hile yapmalı. Otomatik tamamlamaya dikkat edin, çünkü HorizontalAlignmentyanlışlıkla almak çok kolaydır .

Her iki yazıyla da karşılaştığım için burada başka bir çözüm buldum ...

Myles cevabından:

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

Bu benim için çalıştı.

Senin öğeler ise daha geniş daha ListBoxbaşka cevaplar burada olmaz yardım: öğeleri ItemTemplatedaha geniş kalır ListBox.

Benim için çalışan düzeltme, görünüşe göre, tüm bu öğelerin kaplarına yalnızca liste kutusu kadar geniş kalmasını söyleyen yatay kaydırma çubuğunu devre dışı bırakmaktı.

Bu nedenle, liste kutusu kadar geniş olan ListBox öğelerini almak için birleştirilmiş düzeltme, daha küçük ve gerilmesi veya daha geniş olması ve kaydırılması gerekir:

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

( kaydırma çubuğu fikri kredileri )

Kenarlık yalnızca görsel görünüm için kullanıldığından, ListBoxItem'in ControlTemplate'ine koyabilir ve oradaki özellikleri değiştirebilirsiniz. ItemTemplate, yalnızca StackPanel ve TextBlock yerleştirebilirsiniz. Bu şekilde, kodun görünümü temiz kalır, çünkü kontrolün görünümü ControlTemplate üzerinden kontrol edilecek ve gösterilecek veriler DataTemplate üzerinden kontrol edilecektir.

Benim için düzeltme seti özelliğine oldu HorizontalAlignment="Stretch"üzerindeki ItemsPresenteriç ScrollViewer ..

Umarım bu birine yardımcı olur ...

<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>

Aynı sorunla karşılaştım, hızlı bir çözüm olarak, ne kadar dolgu eklendiğini belirlemek için karışımı kullandım. Benim durumumda 12 yaşındaydı, bu yüzden ondan kurtulmak için negatif bir marj kullandım. Artık her şey düzgün bir şekilde ortalanabilir