Làm cách nào để có được một ListBox ItemTemplate để kéo dài theo chiều ngang toàn bộ chiều rộng của ListBox?

Tôi muốn có ListItems để mở rộng với nền màu cam của chúng toàn bộ chiều rộng của Listbox.

Hiện tại chúng chỉ rộng bằng FirstName + LastName.

Tôi đã đặt mọi yếu tố có thể thành: Ngang ngang = "Kéo dài".

Tôi muốn nền của ListboxItems mở rộng khi người dùng mở rộng Listbox vì vậy tôi không muốn đặt các giá trị tuyệt đối.

Tôi phải làm gì để màu nền của ListBoxItems lấp đầy chiều rộng của 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>

Tôi chắc chắn đây là một bản sao, nhưng tôi không thể tìm thấy một câu hỏi có cùng câu trả lời.

Thêm HorizontalContentAlignment="Stretch"vào ListBox của bạn. Điều đó sẽ làm các trick. Chỉ cần cẩn thận với tự động hoàn thành bởi vì nó rất dễ bị HorizontalAlignmentnhầm lẫn.

Tôi tìm thấy một giải pháp khác ở đây , vì tôi đã chạy vào cả hai bài ...

Đây là từ câu trả lời của Myles:

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

Điều này làm việc cho tôi.

Nếu các mục của bạn rộng hơn ListBox, các câu trả lời khác ở đây sẽ không có ích: các mục trong phần ItemTemplatecòn lại rộng hơn ListBox.

Cách khắc phục có hiệu quả đối với tôi là vô hiệu hóa thanh cuộn ngang, rõ ràng, cũng cho biết thùng chứa của tất cả các mặt hàng đó chỉ còn rộng như hộp danh sách.

Do đó, sửa chữa kết hợp để có được các mục ListBox rộng bằng hộp danh sách, cho dù chúng nhỏ hơn và cần kéo dài, hoặc rộng hơn và cần gói, như sau:

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

( tín dụng cho ý tưởng thanh cuộn )

Vì đường viền được sử dụng chỉ để xuất hiện trực quan, bạn có thể đặt nó vào ControlTemplate của ListBoxItem và sửa đổi các thuộc tính ở đó. Trong ItemTemplate, bạn chỉ có thể đặt StackPanel và TextBlock. Theo cách này, mã cũng vẫn sạch, vì sự xuất hiện của điều khiển sẽ được điều khiển thông qua ControlTemplate và dữ liệu được hiển thị sẽ được kiểm soát thông qua DataTemplate.

Cách khắc phục đối với tôi là đặt thuộc tính HorizontalAlignment="Stretch"vào ItemsPresenterbên trong ScrollViewer ..

Hy vọng điều này sẽ giúp ai đó ...

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

Tôi cũng gặp vấn đề tương tự, như một cách giải quyết nhanh chóng, tôi đã sử dụng hỗn hợp để xác định số lượng phần đệm được thêm vào. Trong trường hợp của tôi là 12, vì vậy tôi đã sử dụng lề âm để loại bỏ nó. Bây giờ mọi thứ có thể được tập trung đúng cách