ComboBox标头不尊重ItemTemplate

Question

在WPF项目中，我有一个ComboBox，DataTemplate用于ItemTemplate根据{{Background更改Border的{​​{1}}颜色1 {} IsSelected绑定的Person对象的属性。因此，在下面的示例中，当ComboBoxItem IsSelected=true。

时

当Background=LightGreen的下拉列表打开时，这一切都很好。但是，在选择ComboBox的项目后关闭下拉列表时，Background=LightGreen的标题不会显示ComboBox颜色。

LightGreen关闭LightGreen项后，我需要做些什么才能显示ComboBox颜色？

以下是一些显示我的意思的示例代码。

XAML：

IsSelected=true

代码背后：

<Window x:Class="combo.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:combo"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <ComboBox ItemsSource="{Binding .}">
        <ComboBox.ItemTemplate>
            <DataTemplate>
                <Border HorizontalAlignment="Stretch">
                    <Border.Style>
                        <Style TargetType="Border">
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ComboBoxItem}, Path=DataContext.IsSelected}" Value="True">
                                    <Setter Property="Background" Value="LightGreen"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Border.Style>
                    <StackPanel HorizontalAlignment="Stretch">
                        <TextBlock Text="{Binding Name}"/>
                        <TextBlock Text="{Binding Email}">
                         </TextBlock>
                    </StackPanel>
                </Border>
            </DataTemplate>
        </ComboBox.ItemTemplate>
    </ComboBox>

</Grid>
</Window>

Answer 1

触发器中的ComboBoxItem会查找ItemsPresenter，您只能在弹出ComboBox内的ToggleButton内找到。{/ p>

当弹出窗口关闭时，我们看到的是ContentPresenter和<Style TargetType="Border"> <Style.Triggers> <DataTrigger Binding="{Binding Path=Content.IsSelected, RelativeSource={RelativeSource AncestorType=ContentPresenter}}" Value="True"> <Setter Property="Background" Value="LightGreen"/> </DataTrigger> </Style.Triggers> </Style> 。

如果标记没有放弃它：

<Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />

Answer 2

我不确定您是否正在谈论ComboBox在关闭时的外观，或者您是否在谈论下拉项目背景颜色未更新。

This answer已经为第一个提供了解决方案，但是如果您想知道为什么背景颜色没有更新所选项目，那么因为您没有约束{ <1}} ComboBoxItem.IsSelected到任意位置，因此它们不会同步。

以下是添加该绑定的示例：

Person.IsSelected

也就是说，您可能仍然遇到问题，因为您没有设置默认的选定项目。通常，当想要提供单一选择能力时，我认为这样做的风格更多

<ComboBox.Resources>
    <Style TargetType="{x:Type ComboBoxItem}" >
        <Setter Property="IsSelected" Value="{Binding IsSelected}" />
    </Style>
</ComboBox.Resources>

XAML

ObservableCollection<Person> People { get; set; }
Person SelectedPerson { get; set; }

这样，您就不需要编写任何同步代码来将<ComboBox ItemsSource="{Binding People}" SelectedItem="{Binding SelectedPerson}" /> 绑定到ComboBoxItem.IsSelected。