更改ListBoxItem中内容的背景颜色

时间:2013-04-25 15:02:24

标签: wpf xaml wpf-4.0

我是WPF的新手;我有一个包含扩展器的ListBox(扩展器周围有一个边框):

<ListBox Background="Transparent" BorderBrush="Transparent">
    <ListBox.Style>
        <Style>
            <Style.Resources>
                <!-- Background of selected item when focussed -->
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent" />
                <!-- Background of selected item when not focussed -->
                <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />
            </Style.Resources>
        </Style>
    </ListBox.Style>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Border Margin="5" BorderThickness="2" BorderBrush="LightGray" CornerRadius="5">
                <Expander IsExpanded="True" Background="#f7f7f7">
                    <!-- Content -->
                </Expander>
            </Border>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ListBox>

我想要的行为是所选项目的扩展器背景颜色变得更暗(例如#e0e0e0)。我发现了一些示例,让我隐藏了ListBoxItem的背景颜色(这在代码中显示),但没有很好的资源来改变ListBoxItem中内容的背景颜色。我知道我需要设置一个触发器来执行此操作,但我不知道如何设置它,无论它是ListBox还是Expander的触发器。

如何设置适当的触发器?

1 个答案:

答案 0 :(得分:1)

 <DataTemplate>
     <Border Margin="5" BorderThickness="2" BorderBrush="LightGray" CornerRadius="5">
       <Expander IsExpanded="True" Background="#f7f7f7" Name="expander">

       </Expander>
     </Border>
   <DataTemplate.Triggers>
     <DataTrigger Binding="{Binding IsSelected,RelativeSource={RelativeSource AncestorType=ListBoxItem}}" Value="True">
       <Setter Property="Background" Value="#e0e0e0" TargetName="expander"/>
     </DataTrigger>
   </DataTemplate.Triggers>
 </DataTemplate>