如何让 ListBox ItemTemplate 水平拉伸 ListBox 的整个宽度？

Question

我想让 ListItems 以其橙色背景扩展列表框的整个宽度。

目前，它们的宽度仅为名字 + 姓氏。

我已将所有元素设置为：Horizo​​ntalAlignment="Stretch"。

我希望 ListboxItems 的背景随着用户拉伸列表框而展开，因此我不想输入绝对值。

我必须做什么才能使 ListBoxItems 的背景颜色填充 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>

Answer 1

对我来说，修复方法是在 ScrollViewer 内的 ItemsPresenter 上设置属性 Horizo​​ntalAlignment="Stretch" 。

希望这对某人有帮助...

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

Answer 2

我也遇到了同样的问题，作为快速解决方法，我使用混合来确定添加了多少填充。 在我的例子中，它是 12，所以我使用负边距来消除它。 现在一切都可以正确居中了

Answer 3

我在这里找到了另一个解决方案，因为我遇到了这两篇文章......

这是来自迈尔斯回答：

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

这对我有用。

Answer 4

我确信这是重复的，但我找不到具有相同答案的问题。

将 Horizo​​ntalContentAlignment="Stretch" 添加到列表框。 这应该够了吧。 请小心自动完成，因为很容易错误地获取 Horizo​​ntalAlignment。

Answer 5

如果您的项目比 ListBox宽，则此处的其他答案将无济于事：ItemTemplate 中的项目仍然比 ListBox 宽>列表框。

对我有用的修复方法是禁用水平滚动条，显然，这也告诉所有这些项目的容器仅保持与列表框一样宽。

因此，获取与列表框一样宽的 ListBox 项目的组合修复，无论它们较小且需要拉伸，还是较宽且需要换行，如下所示：

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

(滚动条创意的制作人员）

Answer 6

由于边框仅用于视觉外观，因此您可以将其放入 ListBoxItem 的 ControlTemplate 中并修改其中的属性。 在 ItemTemplate 中，您只能放置 StackPanel 和 TextBlock。 通过这种方式，代码也保持干净，因为控件的外观将通过 ControlTemplate 控制，要显示的数据将通过 DataTemplate 控制。