WPF在代码中更改可编辑组合框的背景颜色

Question

我需要在代码中设置可编辑combobox 的背景颜色。这是我拥有但不改变颜色的：

        ComboBox comboBox = sender as ComboBox;
        comboBox.Background = Brushes.PeachPuff;

        if (comboBox.IsEditable == true)
        {
            TextBox textBox = (TextBox)comboBox.Template.FindName("PART_EditableTextBox", comboBox);
            if (textBox != null)
            {
                textBox.Background = Brushes.PeachPuff;

            }
        }

我原以为背景颜色会变成 PeachPuff（浅橙色），但什么也没发生 - 有什么想法吗？

Answer 1

使用background 属性更改combobox 的background 仅适用于Win7 及更早版本，在Windows 8 及更高版本中ComboBox 的默认模板已更改，以修复您应该编辑默认模板，

1. 使用 VisualStudio 2013 或 Blend，右键单击 combobox 并选择 EditTemplate > Edit a Copy：

1. 在生成的 Xaml 中搜索 <ControlTemplate TargetType="{x:Type ToggleButton}"> 并将 {StaticResource ComboBox.Static.Background} 标记替换为 TemplateBinding 到 Background 属性，更新后您的代码应如下所示：

    ...
     <Setter Property="Template">
           <Setter.Value>
               <ControlTemplate TargetType="{x:Type ToggleButton}">
                   <Border x:Name="templateRoot" BorderBrush="{StaticResource ComboBox.Static.Border}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
                       <Border x:Name="splitBorder" BorderBrush="Transparent" BorderThickness="1" HorizontalAlignment="Right" Margin="0" SnapsToDevicePixels="true" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}">
                           <Path x:Name="arrow" Data="F1 M 0,0 L 2.667,2.66665 L 5.3334,0 L 5.3334,-1.78168 L 2.6667,0.88501 L0,-1.78168 L0,0 Z" Fill="{StaticResource ComboBox.Static.Glyph}" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center"/>
                       </Border>
                   </Border>
                   <ControlTemplate.Triggers>
                       <MultiDataTrigger>
                        ...
   

2. 现在，您可以使用 Background 属性来更改 Combobox 颜色：

   <Grid>
     <ComboBox IsEditable="True" x:Name="EditableComboBox" Background="PeachPuff" VerticalAlignment="Center" HorizontalAlignment="Center" Width="200" Style="{DynamicResource ComboBoxStyle1}" >
     </ComboBox>
   </Grid>