如何在ComboBox下拉展开时设置Fill属性以优化选项可见性？

你之前用的.IsSelected和.Selected属性仅针对已选中的单个项，无法触发下拉面板展开的状态变更。要实现下拉展开时让选项背景变为白色，需要针对下拉面板的展开状态做样式或事件处理，分两种常见框架给出方案：

WPF 解决方案 #

方案1：通过ItemContainerStyle触发背景变更 #

给ComboBox的项容器样式添加触发器，监听父级ComboBox的IsDropDownOpen属性（下拉展开时该属性为True），直接设置项的背景为白色：

<ComboBox>
    <ComboBox.ItemContainerStyle>
        <Style TargetType="ComboBoxItem">
            <Setter Property="Background" Value="Transparent"/>
            <Style.Triggers>
                <!-- 下拉展开时设置项背景为白色 -->
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ComboBox}, Path=IsDropDownOpen}" Value="True">
                    <Setter Property="Background" Value="White"/>
                </DataTrigger>
                <!-- 可选：保留鼠标悬停样式 -->
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="#FFE5F1FB"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ComboBox.ItemContainerStyle>
    <ComboBoxItem>选项1</ComboBoxItem>
    <ComboBoxItem>选项2</ComboBoxItem>
</ComboBox>

方案2：重写ComboBox模板控制下拉面板背景 #

如果需要整体控制下拉面板的背景，可重写ComboBox的模板，修改下拉Popup内容器的背景色：

<ComboBox>
    <ComboBox.Template>
        <ControlTemplate TargetType="ComboBox">
            <Grid>
                <ToggleButton x:Name="toggleButton" 
                              IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                              ClickMode="Press"
                              Focusable="False"/>
                <ContentPresenter x:Name="contentPresenter"
                                  Content="{TemplateBinding SelectionBoxItem}"
                                  Margin="{TemplateBinding Padding}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"/>
                <Popup x:Name="popup"
                       IsOpen="{TemplateBinding IsDropDownOpen}"
                       Placement="Bottom"
                       AllowsTransparency="True">
                    <Grid x:Name="dropDown" MinWidth="{TemplateBinding ActualWidth}">
                        <!-- 设置下拉面板背景为白色 -->
                        <Border x:Name="dropDownBorder" Background="White" BorderThickness="1" BorderBrush="#FF888888"/>
                        <ScrollViewer Margin="4,6,4,6">
                            <ItemsPresenter KeyboardNavigation.DirectionalNavigation="Contained"/>
                        </ScrollViewer>
                    </Grid>
                </Popup>
            </Grid>
        </ControlTemplate>
    </ComboBox.Template>
    <ComboBoxItem>选项A</ComboBoxItem>
    <ComboBoxItem>选项B</ComboBoxItem>
</ComboBox>

WinForms 解决方案 #

通过监听下拉展开/收起事件，结合自绘项实现背景修改：

// 初始化时绑定事件
comboBox1.DropDown += ComboBox1_DropDown;
comboBox1.DrawItem += ComboBox1_DrawItem;
comboBox1.DropDownClosed += ComboBox1_DropDownClosed;

private void ComboBox1_DropDown(object sender, EventArgs e)
{
    // 下拉展开时开启自绘模式
    comboBox1.DrawMode = DrawMode.OwnerDrawFixed;
}

private void ComboBox1_DrawItem(object sender, DrawItemEventArgs e)
{
    e.DrawBackground();
    // 绘制白色背景
    using (var brush = new SolidBrush(Color.White))
    {
        e.Graphics.FillRectangle(brush, e.Bounds);
    }
    // 绘制选项文本
    e.Graphics.DrawString(comboBox1.Items[e.Index].ToString(), e.Font, Brushes.Black, e.Bounds);
    e.DrawFocusRectangle();
}

private void ComboBox1_DropDownClosed(object sender, EventArgs e)
{
    // 下拉收起时恢复默认模式
    comboBox1.DrawMode = DrawMode.Normal;
}

核心要点 #

• 下拉展开的状态由IsDropDownOpen（WPF）或DropDown事件（WinForms）控制，这才是触发背景变更的关键，而非选中项的属性。

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