在WPF中优雅地覆盖ComboBox的ToggleButton样式

Question

我有一个关于如何优雅地覆盖控件的可视树内的任意元素的问题.我也试图用几种不同的方式解决它,但我遇到了几个问题.通常当我尝试三条不同的路径并且每一路都失败时,我会下楼去喝咖啡,并问一个比我更聪明的人.所以我在这里.

具体细节:

我想要展平组合框的风格,这样它就不会引起人们的注意.我希望它类似于Windows.Forms.ComboBox的FlatStyle我希望它在Windows 7和XP上看起来一样.

主要是,我想改变ComboBox的ToggleButton的外观.

我可以使用Blend并撕掉控件模板的内部并手动更改它们.这对我来说听起来不是很开心.

我尝试使用样式来覆盖ToggleButton的背景,但事实证明整个ComboBox控件实际上是ToggleButton的前端.

<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="ComboBoxExpiriment2.MainWindow"
x:Name="Window"
xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Classic" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
Title="MainWindow"
Width="204" Height="103">
<Grid x:Name="LayoutRoot">
    <ComboBox HorizontalAlignment="Left" Margin="32,26.723,0,0" Width="120" VerticalAlignment="Top" Height="21.277">
    <ComboBox.Style>
      <Style>
        <Setter Property="ToggleButton.Background" Value="Green" />
      </Style>
    </ComboBox.Style>
    </ComboBox>
</Grid>

所以我放弃并使用Blend将其撕掉.我发现它实际上是一个名为ComboBoxTransparentButtonStyle的Style,目标类型为ToggleButton.该样式设置一个ControlTemplate,它使用一个DockPanel,其右侧设置了"Microsoft_Windows_Themes:ClassicBorderDecorator"类型,这就是我们实际想要控制的内容.(到目前为止你和我在一起吗？)
这是照片:

<Style x:Key="ComboBoxTransparentButtonStyle" TargetType="{x:Type ToggleButton}">
                <Setter Property="MinWidth" Value="0"/>
                <Setter Property="MinHeight" Value="0"/>
                <Setter Property="Width" Value="Auto"/>
                <Setter Property="Height" Value="Auto"/>
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="BorderBrush" Value="{x:Static Microsoft_Windows_Themes:ClassicBorderDecorator.ClassicBorderBrush}"/>
                <Setter Property="BorderThickness" Value="2"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ToggleButton}">
                            <DockPanel SnapsToDevicePixels="true" Background="{TemplateBinding Background}" LastChildFill="false">
                                <Microsoft_Windows_Themes:ClassicBorderDecorator x:Name="Border" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" DockPanel.Dock="Right" Background="Green" BorderBrush="{TemplateBinding BorderBrush}" BorderStyle="None" BorderThickness="{TemplateBinding BorderThickness}">
                                    <Path Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" VerticalAlignment="Center" Data="{StaticResource DownArrowGeometry}"/>
                                </Microsoft_Windows_Themes:ClassicBorderDecorator>
                            </DockPanel>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsChecked" Value="true">
                                    <Setter Property="BorderStyle" TargetName="Border" Value="AltPressed"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/>
                    </Trigger>
                </Style.Triggers>
            </Style>

精氨酸.WPF不是爆炸吗？

所以我提取了样式ComboBoxTransparentButtonStyle并将其放入另一个项目的application.resources中.问题是我无法将该样式应用于ComboBox,因为我提取的样式的targetType为ToggleButton,因此TargeTypes不匹配.

tl;博士你们会怎么做？

Answer 1

对此没有一个优雅的解决方案。您能做的最好的事情就是覆盖整个 ComboBox 的样式，以便您可以更改它为 ToggleButton 设置的样式。

您可以使用 Blend 来获取样式，但这可能不是最简单的方法。如果安装了 Blend，请转到“[程序文件或安装 Blend 的位置]\SystemThemes\WPF\areo.normalcolor.xaml”。