WPF ComboBoxItem选中后不显示问题求助（附样式代码）

我仔细看了你的自定义ComboBox样式代码，发现几个核心问题导致选择项后只显示空白，咱们一步步来修复：

1. ComboBox样式里的错误Setter #

你在ComboBoxStyle里写了：

<Setter Property="IsSelected" Value="{DynamicResource ComboBoxItemStyle}"/>

这完全不对——ComboBox没有IsSelected属性，你应该设置的是ItemContainerStyle来关联你的ComboBoxItemStyle，正确写法是：

<Setter Property="ItemContainerStyle" Value="{StaticResource ComboBoxItemStyle}"/>

2. 缺少显示选中项的ContentPresenter #

你的ComboBox ControlTemplate里只有ToggleButton和Popup，没有用来展示当前选中项内容的ContentPresenter！这是最关键的问题——默认ComboBox模板里会有一个ContentPresenter绑定选中内容，你把这部分丢了，所以选完啥也看不到。

需要在Grid里添加这个ContentPresenter，放在ToggleButton上方（因为ToggleButton是下拉触发器的背景），绑定SelectionBoxItem或者SelectedItem的内容：

<ContentPresenter 
    HorizontalAlignment="Left" 
    VerticalAlignment="Center" 
    Margin="10,0,0,0"
    Content="{TemplateBinding SelectionBoxItem}"
    ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
    ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}"/>

3. ToggleButton的布局问题 #

你的ToggleButton里的Grid列定义是一个空列加520宽度的列，这会导致布局错乱，建议调整成更合理的布局，比如让第一列自动填充，第二列固定宽度放下拉箭头。

4. ComboBoxItemStyle里的错误绑定 #

你在ComboBoxItemStyle里的IsSelected绑定完全没必要，而且绑定路径错误：

<Setter Property="IsSelected" Value="{Binding Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}, Path=IsInDesignMode}"/>

ComboBoxItem的IsSelected状态是由ComboBox自动管理的，直接删掉这个Setter就行，否则会干扰选中状态的正常工作。

修正后的完整代码 #

ComboBoxStyle修正版：

<Style x:Key="ComboBoxStyle" TargetType="{x:Type ComboBox}">
    <!-- 修正ItemContainerStyle绑定 -->
    <Setter Property="ItemContainerStyle" Value="{StaticResource ComboBoxItemStyle}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ComboBox}">
                <Grid>
                    <!-- 添加显示选中项的ContentPresenter -->
                    <ContentPresenter 
                        HorizontalAlignment="Left" 
                        VerticalAlignment="Center" 
                        Margin="10,0,0,0"
                        Content="{TemplateBinding SelectionBoxItem}"
                        ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                        ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}"/>
                    <ToggleButton 
                        Height="{TemplateBinding Height}" 
                        Style="{StaticResource ToggleButtonStyle}" 
                        HorizontalAlignment="Stretch" <!-- 改成Stretch充满Grid -->
                        IsChecked="{Binding Path=IsDropDownOpen,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}" 
                        ClickMode="Press"/>
                    <Popup Name="Popup" IsOpen="{TemplateBinding IsDropDownOpen}" AllowsTransparency="True" Focusable="False" PopupAnimation="Fade" VerticalOffset="10">
                        <Grid Name="DropDown" SnapsToDevicePixels="True" MinWidth="{TemplateBinding ActualWidth}" MaxHeight="{TemplateBinding MaxDropDownHeight}">
                            <Border x:Name="DropDownBorder" CornerRadius="18" Background="White"/> <!-- 提前设置背景，避免触发器覆盖问题 -->
                            <ScrollViewer SnapsToDevicePixels="True" VerticalScrollBarVisibility="Auto"> <!-- 改成Auto，内容多时显示滚动条 -->
                                <StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" />
                            </ScrollViewer>
                        </Grid>
                    </Popup>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsGrouping" Value="true">
                        <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
                    </Trigger>
                    <!-- 可以保留这个触发器，但建议直接在Border里设置默认背景 -->
                    <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="true">
                        <Setter TargetName="DropDownBorder" Property="Background" Value="White"/>
                    </Trigger>
                    <!-- 添加触发器：当ComboBox为空时，显示提示文本（可选） -->
                    <Trigger Property="SelectedItem" Value="{x:Null}">
                        <Setter TargetName="ContentPresenter" Property="Content" Value="请选择..."/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

ToggleButtonStyle修正版：

<Style x:Key="ToggleButtonStyle" TargetType="{x:Type ToggleButton}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ToggleButton}">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/> <!-- 自动填充剩余空间 -->
                        <ColumnDefinition Width="40"/> <!-- 固定宽度放箭头 -->
                    </Grid.ColumnDefinitions>
                    <Border x:Name="Border" Grid.ColumnSpan="2" CornerRadius="10" Background="White" />
                    <Path 
                        Data="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M7,10L12,15L17,10H7Z" 
                        Fill="#FF16CD1C" 
                        HorizontalAlignment="Center" 
                        VerticalAlignment="Center" 
                        Grid.Column="1" 
                        Margin="0,0,10,0"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="ToggleButton.IsMouseOver" Value="true">
                        <Setter TargetName="Border" Property="Background" Value="#E1E1E1" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

ComboBoxItemStyle修正版：

<Style x:Key="ComboBoxItemStyle" TargetType="{x:Type ComboBoxItem}">
    <Setter Property="Background" Value="White"/>
    <Setter Property="Padding" Value="10"/> <!-- 添加内边距，让内容不贴边 -->
    <!-- 删掉错误的IsSelected绑定 -->
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ComboBoxItem}">
                <Border 
                    Background="{TemplateBinding Background}" 
                    CornerRadius="18" 
                    BorderThickness="{TemplateBinding BorderThickness}"
                    Padding="{TemplateBinding Padding}">
                    <ContentPresenter HorizontalAlignment="Center"/>
                    <Border.Triggers>
                        <EventTrigger RoutedEvent="MouseEnter">
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation 
                                        Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)" 
                                        FillBehavior="HoldEnd" 
                                        To="#E1E1E1" 
                                        Duration="0:0:0.4"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="MouseLeave">
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation 
                                        Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)" 
                                        FillBehavior="HoldEnd" 
                                        To="#FFFFFF" 
                                        Duration="0:0:0.4"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Border.Triggers>
                </Border>
                <!-- 添加选中状态的触发器，让选中后有明显样式 -->
                <ControlTemplate.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="Background" Value="#C8E6C9"/> <!-- 选中后浅绿背景 -->
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

按照上面的修改后，你的ComboBox应该就能正常显示选中项了。核心就是补全了显示选中内容的ContentPresenter，修正了错误的属性绑定，调整了布局问题。

内容的提问来源于stack exchange，提问作者sashafromlibertalia