如何仅用C#设置WPF ComboBox的视觉样式？

核心方案 #

要让未展开的ComboBox和下拉列表项保持一致的黑底白字样式，需要分别配置ComboBox控件本身的样式和下拉项的容器样式，并将样式属性绑定到自定义类的属性值，而非下拉项自身数据。

完整示例代码 #

1. 先定义存储样式参数的自定义类：

public class ThemeSettings
{
    public Brush BackgroundBrush { get; set; } = Brushes.Black;
    public Brush ForegroundBrush { get; set; } = Brushes.White;
    public Brush BorderBrush { get; set; } = Brushes.Gray;
}

2. 在WPF窗口的构造函数中，纯代码创建并应用样式：

public MainWindow()
{
    InitializeComponent();

    // 实例化自定义样式配置类
    var theme = new ThemeSettings();

    // 1. 创建下拉列表项的样式
    var comboItemStyle = new Style(typeof(ComboBoxItem));
    comboItemStyle.Setters.Add(new Setter(BackgroundProperty, new Binding(nameof(ThemeSettings.BackgroundBrush)) { Source = theme }));
    comboItemStyle.Setters.Add(new Setter(ForegroundProperty, new Binding(nameof(ThemeSettings.ForegroundBrush)) { Source = theme }));
    comboItemStyle.Setters.Add(new Setter(BorderThicknessProperty, new Thickness(0)));
    // 可选：设置选中项的高亮样式
    comboItemStyle.Setters.Add(new Setter(ComboBoxItem.IsSelectedProperty, new Binding("IsSelected") { Mode = TwoWay }));
    comboItemStyle.Setters.Add(new Setter(SelectedBackgroundProperty, Brushes.DarkGray));

    // 2. 创建ComboBox自身的样式
    var comboBoxStyle = new Style(typeof(ComboBox));
    // 设置未展开时的背景、文字颜色
    comboBoxStyle.Setters.Add(new Setter(BackgroundProperty, new Binding(nameof(ThemeSettings.BackgroundBrush)) { Source = theme }));
    comboBoxStyle.Setters.Add(new Setter(ForegroundProperty, new Binding(nameof(ThemeSettings.ForegroundBrush)) { Source = theme }));
    comboBoxStyle.Setters.Add(new Setter(BorderBrushProperty, new Binding(nameof(ThemeSettings.BorderBrush)) { Source = theme }));
    comboBoxStyle.Setters.Add(new Setter(BorderThicknessProperty, new Thickness(1)));
    // 绑定下拉项样式
    comboBoxStyle.Setters.Add(new Setter(ComboBox.ItemContainerStyleProperty, comboItemStyle));

    // 3. 创建ComboBox控件并应用样式
    var comboBox = new ComboBox
    {
        Style = comboBoxStyle,
        Width = 200,
        Height = 30,
        Margin = new Thickness(20)
    };

    // 添加测试选项
    comboBox.Items.Add("选项1");
    comboBox.Items.Add("选项2");
    comboBox.Items.Add("选项3");

    // 将ComboBox添加到窗口
    this.Content = comboBox;
}

关键属性说明 #

• Style.Setters: 通过添加Setter对象，为目标控件的指定属性赋值，支持绑定自定义类的属性
• ComboBox.ItemContainerStyleProperty: 该属性用于指定下拉列表中每个项的容器样式，确保下拉项与未展开状态的视觉统一
• Binding.Source: 绑定到自定义的ThemeSettings实例，让样式属性值统一从配置类读取，而非依赖下拉项数据

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