更改选定列表框项目的背景颜色

Question

这是我的XAML到目前为止。

<ScrollViewer Grid.Column="1" Grid.RowSpan="2"> 

     <ListBox Background="Black" ItemsSource="{Binding Path=ActiveLog}" > 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <Grid Background="Black"> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="200"></ColumnDefinition> 
          <ColumnDefinition Width="*"></ColumnDefinition> 
         </Grid.ColumnDefinitions> 
         <Grid.RowDefinitions> 
          <RowDefinition></RowDefinition> 
          <RowDefinition></RowDefinition> 
         </Grid.RowDefinitions> 
         <TextBlock Grid.Column="0" Grid.Row="0" Foreground="White"> 
          <TextBlock >Date:</TextBlock> 
          <TextBlock Text="{Binding Path=LogDate}"/> 
         </TextBlock> 
         <TextBlock Grid.Column="1" Grid.Row="0" Foreground="White"> 
          <TextBlock >Severity:</TextBlock> 
          <TextBlock Text="{Binding Path=Severity}"/> 
         </TextBlock> 
         <TextBlock Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Foreground="LightGray" Text="{Binding Path=Message}"></TextBlock> 
        </Grid> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
      <ListBox.Template> 
       <ControlTemplate> 
        <StackPanel Background="Black" IsItemsHost="True" > 
        </StackPanel> 
       </ControlTemplate> 
      </ListBox.Template> 

     </ListBox> 
    </ScrollViewer> 

唯一的问题是所选项目右边有一个蓝色框。我认为有一种方法可以改变选择颜色，但我找不到它。

Answer 1

您需要使用ListBox.ItemContainerStyle。

ListBox.ItemTemplate指定应如何显示项目的内容。但是WPF仍然将每个项目包装在一个ListBoxItem控件中，默认情况下，它的背景设置为系统高亮颜色（如果选中）。你不能停止WPF创建ListBoxItem控件，但你可以设置它们的样式 - 在你的情况下，将Background设置为始终为透明或黑色或其他 - 然后使用ItemContainerStyle。

juFo's answer显示了一种可能的实现，通过“劫持”的项目风格的范围内的制度背景画笔资源;另一种可能更习惯的技术是使用Setter作为Background属性。

Answer 2

<UserControl.Resources> 
    <Style x:Key="myLBStyle" TargetType="{x:Type ListBoxItem}"> 
     <Style.Resources> 
      <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" 
          Color="Transparent"/> 
     </Style.Resources> 
    </Style> 
</UserControl.Resources> 

和

<ListBox ItemsSource="{Binding Path=FirstNames}" 
     ItemContainerStyle="{StaticResource myLBStyle}"> 

你只覆盖一个ListBoxItem的样式（见：TargetType的是一个ListBoxItem）

Answer 3

或者您可以将HighlightBrushKey直接应用于ListBox。 Setter Property =“Background”Value =“透明”不起作用。但我必须将前景设置为黑色。

<ListBox ... > 
     <ListBox.ItemContainerStyle> 
      <Style TargetType="ListBoxItem"> 
       <Style.Triggers> 
        <Trigger Property="IsSelected" Value="True" > 
         <Setter Property="FontWeight" Value="Bold" /> 
         <Setter Property="Background" Value="Transparent" /> 
         <Setter Property="Foreground" Value="Black" /> 
        </Trigger> 
       </Style.Triggers> 
       <Style.Resources> 
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/> 
       </Style.Resources> 
      </Style>     
     </ListBox.ItemContainerStyle> 

Answer 4

我必须设置HighlightBrushKey和ControlBrushKey才能正确设置样式。否则，虽然它有焦点，但会正确使用透明的HighlightBrusKey。 Bt，如果控件失去焦点（虽然仍然突出显示），那么它使用ControlBrushKey。

<Style.Resources> 
    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent" /> 
    <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" /> 
</Style.Resources> 

希望这可以帮助别人。

Answer 5

如果选择不是很重要，最好是用包裹在ScrollViewer中一个ItemsControl。这个组合比Listbox（实际上已经从ItemsControl派生）更加轻量级，并且使用它将消除使用便宜的hack来覆盖已经从ItemsControl中缺少的行为的需要。

如果选择行为非常重要，那么这显然不起作用。但是，如果您想要改变选定项目背景的颜色，使其对用户不可见，那么这只会使其混淆。如果你的意图是改变某些其他特征来表明该项目被选中，那么这个问题的其他一些答案可能仍然更相关。

这里的标记应该是什么样子的骨架：

<ScrollViewer> 
     <ItemsControl> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        ... 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
    </ScrollViewer> 

Answer 6

你必须创建项目选择这样一个新的模板。

<Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="ListBoxItem"> 
      <Border 
       BorderThickness="{TemplateBinding Border.BorderThickness}" 
       Padding="{TemplateBinding Control.Padding}" 
       BorderBrush="{TemplateBinding Border.BorderBrush}" 
       Background="{TemplateBinding Panel.Background}" 
       SnapsToDevicePixels="True"> 
       <ContentPresenter 
        Content="{TemplateBinding ContentControl.Content}" 
        ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}" 
        HorizontalAlignment="{TemplateBinding Control.HorizontalContentAlignment}" 
        VerticalAlignment="{TemplateBinding Control.VerticalContentAlignment}" 
        SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" /> 
      </Border> 
     </ControlTemplate> 
    </Setter.Value> 
</Setter> 

Answer 7

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

此代码工作对我来说就像魅力。感谢原始海报。