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

Change background color for selected ListBox item

提问by Jonathan Allen

This is my XAML so far.

到目前为止，这是我的 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>

The only problem is that the selected item has a blue box to the right. I assume there is a way to change the selection color, but I can't find it.

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

采纳答案by itowlson

You need to use ListBox.ItemContainerStyle.

您需要使用ListBox.ItemContainerStyle。

ListBox.ItemTemplate specifies how the contentof an item should be displayed. But WPF still wraps each item in a ListBoxItem control, which by default gets its Background set to the system highlight colour if it is selected. You can't stop WPF creating the ListBoxItem controls, but you can style them -- in your case, to set the Background to always be Transparent or Black or whatever -- and to do so, you use ItemContainerStyle.

ListBox.ItemTemplate 指定应如何显示项目的内容。但是 WPF 仍然将每个项目包装在一个 ListBoxItem 控件中，默认情况下，如果它被选中，它的背景设置为系统突出显示颜色。您无法阻止 WPF 创建 ListBoxItem 控件，但您可以设置它们的样式——在您的情况下，将背景设置为始终透明或黑色或其他任何内容——为此，您可以使用 ItemContainerStyle。

juFo's answershows one possible implementation, by "hiHymaning" the system background brush resource within the context of the item style; another, perhaps more idiomatic technique is to use a Setterfor the Background property.

juFo 的回答展示了一种可能的实现，通过在项目样式的上下文中“劫持”系统背景画笔资源；另一种可能更惯用的技术是对SetterBackground 属性使用 a 。

回答by juFo

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

and

和

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

You just override the style of the listboxitem (see the: TargetType is ListBoxItem)

您只需覆盖 listboxitem 的样式（请参阅：TargetType is ListBoxItem）

回答by paparazzo

Or you can apply HighlightBrushKey directly to the ListBox. Setter Property="Background" Value="Transparent" did NOT work. But I did have to set the Foreground to Black.

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

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

回答by RichS

I had to set both HighlightBrushKey and ControlBrushKey to get it to be correctly styled. Otherwise, whilst it has focus this will correctly use the transparent HighlightBrusKey. Bt, if the control loses focus (whilst it is still highlighted) then it uses the ControlBrushKey.

我必须同时设置 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>

When Using .Net 4.5 and above, use InactiveSelectionHighlightBrushKeyinstead of ControlBrushKey:

使用 .Net 4.5 及更高版本时，使用InactiveSelectionHighlightBrushKey代替ControlBrushKey：

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

Hope this helps someone out.

希望这可以帮助某人。

回答by user3308241

If selection is not important, it is better to use an ItemsControl wrapped in a ScrollViewer. This combination is more light-weight than the Listbox (which actually is derived from ItemsControl already) and using it would eliminate the need to use a cheap hack to override behavior that is already absent from the ItemsControl.

如果选择不重要，最好使用包装在 ScrollViewer 中的 ItemsControl。这种组合比 Listbox（实际上已经从 ItemsControl 派生）更轻量级，并且使用它可以消除使用廉价 hack 来覆盖 ItemsControl 已经不存在的行为的需要。

In cases where the selection behavior IS actually important, then this obviously will not work. However, if you want to change the color of the Selected Item Background in such a way that it is not visible to the user, then that would only serve to confuse them. In cases where your intention is to change some other characteristic to indicate that the item is selected, then some of the other answers to this question may still be more relevant.

在选择行为实际上很重要的情况下，这显然是行不通的。但是，如果您想以一种对用户不可见的方式更改所选项目背景的颜色，那么这只会使他们感到困惑。如果您打算更改其他一些特征以表明该项目已被选中，那么该问题的其他一些答案可能仍然更相关。

Here is a skeleton of how the markup should look:

以下是标记外观的骨架：

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

回答by Duncan

You have to create a new template for item selection like this.

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

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