WPF-如何更改ListBox中的文本和图像颜色

Question

我想从ListBox制作一个菜单选择项目时，如何更改文本和图像颜色？

示例：

在此处输入图像描述

我是这样得到的：

在此处输入图像描述

代码XAML：

<ListView Background="Transparent"
BorderBrush="Transparent"
HorizontalAlignment="Left"
Margin="0 0 0 0">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal" />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListViewItem">
<Border Name="_Border" Margin="3 0 3 0" Padding="5 5 5 5"
CornerRadius="3"
SnapsToDevicePixels="true"
Background="Transparent">
<ContentPresenter />
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsSelected" Value="true">
<Setter TargetName="_Border" Property="Background" Value="#36A3F6"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ListBox.ItemContainerStyle>
<ListViewItem IsSelected="True">
<StackPanel Orientation="Horizontal">
<Image Source="Images/home.png" Width="15" Height="15" Margin="5 0 5 0"/>
<TextBlock Text="item1"/>
</StackPanel>
</ListViewItem>
<ListViewItem>
<StackPanel Orientation="Horizontal">
<Image Source="Images/home.png" Width="15" Height="15" Margin="5 0 5 0"/>
<TextBlock Text="item2"/>
</StackPanel>
</ListViewItem>
<ListViewItem>
<StackPanel Orientation="Horizontal">
<Image Source="Images/home.png" Width="15" Height="15" Margin="5 0 5 0"/>
<TextBlock Text="item3"/>
</StackPanel>
</ListViewItem>
</ListView>

Answer 1

要更改文本颜色，只需在您的"IsSelected"-类似触发器：

<Setter Property="Foreground" Value="White"/>

不过，更改.png图像的颜色不会那么简单。你应该考虑将你的图标(如home.png(转换为路径，这样你就可以更容易地转换它们并更改它们的颜色("填充"-属性(

如果你想进一步推进你的项目，也可以考虑将你的风格放入单独的ResourceDictionary中，以清理你的代码