Elegancko nadpisuj styl ToggleButton ComboBox w WPF
Mam pytanie, jak elegancko zastąpić dowolny element głęboko w wizualnym drzewie kontrolki. Próbowałem też rozwiązać ten problem na kilka różnych sposobów, ale z każdym z nich miałem kilka problemów. Zwykle, kiedy próbuję trzech różnych ścieżek i zawodzę na każdym, schodzę na dół, wypijam kawę i pytam kogoś mądrzejszego ode mnie. A więc jestem tu.
Szczegóły:
Chcę spłaszczyć styl pola kombi, aby nie zwracał na siebie uwagi. Chcę, żeby był podobny do FlatStyle Windows.Forms.ComboBox. Chcę, żeby wyglądał tak samo w Windows 7 i XP.
Głównie chcę zmienić wygląd ToggleButton ComboBoxa.
Mógłbym po prostu użyć Blend i wyrwać wnętrzności szablonu kontrolnego i ręcznie je zmienić. To nie brzmi dla mnie zbyt apetycznie.
Próbowałem użyć stylu, aby zastąpić tło ToggleButton, ale okazuje się, że cały formant ComboBox jest właściwie frontem dla 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>
Poddałem się więc i zgrałem go za pomocą Blend. Odkryłem, że jest to styl o nazwie ComboBoxTransparentButtonStyle z typem docelowym ToggleButton. Styl ustawia ControlTemplate, który używa DockPanel, który ma ustawiony typ „Microsoft_Windows_Themes: ClassicBorderDecorator” po prawej stronie ito jest co próbujemy kontrolować. (Jesteś ze mną do tej pory?)
Oto zdjęcie:
<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>
Arg. Czy WPF nie jest wybuchowy?
Wyodrębniłem więc styl ComboBoxTransparentButtonStyle i upuściłem go do application.resources innego projektu. Problem polega na tym, że nie mogę zastosować tego stylu do ComboBox, ponieważ wyodrębniony styl ma celType ToggleButton, więc TargeTypes nie pasują.
tl; dr jak byście to zrobili?