如何在 WPF 中更改 listviewitems 突出显示的颜色

Question

I'm simply trying to change the highlighted colour of a listviewitem in WPF. The solutions I've found online including Stackoverflow are having no effect on my listview. Am I going crazy? Am I missing something? Please show me how to do this. Here is my example code. The items are still showing the default blue.

<Window.Resources>
    <Style TargetType="ListViewItem">
        <Style.Resources>
            <SolidColorBrush x:Key="{x:Static 
SystemColors.HighlightBrushKey}" Color="Red" />
        </Style.Resources>
    </Style>
</Window.Resources>

<Grid>
    <ListView VerticalAlignment="Top" Background="#2e2e2e" 
Foreground="White">
        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Style.Resources>
                    <SolidColorBrush x:Key="{x:Static 
SystemColors.HighlightTextBrushKey}"
                             Color="Red" />

                    <SolidColorBrush x:Key="{x:Static 
SystemColors.HighlightBrushKey}"
                             Color="Purple" />
                </Style.Resources>
            </Style>
        </ListView.ItemContainerStyle>

        <ListViewItem Content="ITEM" />
        <ListViewItem Content="ITEM" />
        <ListViewItem Content="ITEM" />
        <ListViewItem Content="ITEM" />
        <ListViewItem Content="ITEM" />
    </ListView>

    <Button VerticalAlignment="Bottom" Height="50" />
 </Grid>

Answer 1

You have to override the ControlTemplate of the ListViewItem . This way you can also design apart form the highlighting any other visual user interaction behavior and create transition animations.

<Style TargetType="ListBoxItem">
  <Style.Resources>
    <SolidColorBrush x:Key="HighlightTextBrushKey"
                     Color="Red" />
    <SolidColorBrush x:Key="HighlightBrushKey"
                     Color="Purple" />
    <SolidColorBrush x:Key="HighlightMouseOverBrushKey"
                     Color="{Binding Source={StaticResource HighlightBrushKey}, Path=Color}" 
                     Opacity="0.3" />
  </Style.Resources>

  <Style.Setters>
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ListBoxItem">
          <Border BorderBrush="{TemplateBinding BorderBrush}"
                  BorderThickness="{TemplateBinding BorderThickness}"
                  Background="{TemplateBinding Background}" 
                  Padding="{TemplateBinding Padding}"
                  Margin="{TemplateBinding Margin}">
            <ContentPresenter />
          </Border>

          <ControlTemplate.Triggers>
            <Trigger Property="IsSelected" Value="True">
              <Setter Property="Background" Value="{StaticResource HighlightBrushKey}"/>
              <Setter Property="Foreground" Value="{StaticResource HighlightTextBrushKey}"/>
            </Trigger>
            <Trigger Property="IsMouseOver" Value="True">
              <Setter Property="Background" Value="{StaticResource HighlightMouseOverBrushKey}"/>
              <Setter Property="Foreground" Value="{StaticResource HighlightTextBrushKey}"/>
            </Trigger>
          </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style.Setters>
</Style>

An alternative to the triggers you can animate transitions with the help of the VisualStateManager