SelectedItem 的 Horizo​​ntalContentAlignment 未完美拉伸

Question

我在 WPF 中制作了一个自定义样式列表：

        <DataTemplate x:Key="SelectedTemplate">
            <StackPanel Background="#FF4E4E4E" HorizontalAlignment="Stretch">
                <TextBlock Text="{Binding Path=Title}" Foreground="#FFD80000" />
            </StackPanel>
        </DataTemplate>

        <Style TargetType="{x:Type ListBoxItem}" x:Key="ContainerStyle">
            <Setter Property="ContentTemplate" 
                    Value="{StaticResource ItemTemplate}" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="ContentTemplate"
                            Value="{StaticResource SelectedTemplate}" />
                </Trigger>
            </Style.Triggers>
        </Style>

...

    <ListBox 
        Name="lbSongs"
        DockPanel.Dock="Left" 
        ItemsSource="{Binding Path=SongDirectory}"
        SelectedItem="{Binding Path=Song, Mode=TwoWay}"
        Visibility="{Binding Path=ListVisibility}"
        ItemContainerStyle="{StaticResource ContainerStyle}"
        HorizontalContentAlignment="Stretch"
        Width="180px" Background="#FF333333" />

我尝试为所选项目制作自定义样式。为了使选择栏拉伸到列表框的宽度，我将 ItemContainerStyle 的 Horizo​​ntalContentAlignment 属性设置为“Stretch”。问题是它没有完全拉伸，左侧仍然有一个小条，并且原始（蓝色）选择条仍然可见。请参阅屏幕截图：

如何使其拉伸到完整尺寸？或者如何设置原始选择栏的样式？

提前致谢。

Answer 1

只需将 ListBoxItem 的 Padding 设置为零即可。那个蓝色条应该消失。

 <Style TargetType="{x:Type ListBoxItem}" x:Key="ContainerStyle">
      <Setter Property="Padding" Value="0"/>
      ...
 </Style>

另一种选择是重写 ListBoxItem 的 ControlTemplate，以便您可以更好地控制它的外观。但是，是的，这对于您的情况可能没有必要。