Flat ComboBox WPF

Код

<ControlTemplate x:Key="ComboBoxToggleButton" TargetType="{x:Type ToggleButton}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition Width="22" />
</Grid.ColumnDefinitions>
<Border
x:Name="Border"
Grid.ColumnSpan="2"
CornerRadius="2"
Background="#FF444446"
BorderBrush="#404040"
BorderThickness="0" />
<Border
Grid.Column="0"
CornerRadius="2,0,0,2"
Margin="1"
Background="#FF444446"
BorderBrush="#404040"
BorderThickness="0,0,1,0" />
<Path
x:Name="Arrow"
Grid.Column="1"
Fill="#FFFFFF"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Data="M 0 0 L 4 4 L 8 0 Z"/>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="ToggleButton.IsMouseOver" Value="true">
<Setter TargetName="Border" Property="Background" Value="#808080" />
</Trigger>
<Trigger Property="ToggleButton.IsChecked" Value="true">
<Setter TargetName="Border" Property="Background" Value="#FF8D8D8D" />
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter TargetName="Border" Property="Background" Value="#FF343434" />
<Setter Property="Foreground" Value="#888888"/>
<Setter TargetName="Arrow" Property="Fill" Value="White" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>

<ControlTemplate x:Key="ComboBoxTextBox" TargetType="{x:Type TextBox}">
<Border x:Name="PART_ContentHost" Focusable="False" Background="{TemplateBinding Background}" />
</ControlTemplate>

<Style x:Key="{x:Type ComboBox}" TargetType="{x:Type ComboBox}">
<Setter Property="SnapsToDevicePixels" Value="true"/>
<Setter Property="OverridesDefaultStyle" Value="true"/>
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
<Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
<Setter Property="MinWidth" Value="120"/>
<Setter Property="MinHeight" Value="20"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ComboBox}">
<Grid>
<ToggleButton
Name="ToggleButton"
Template="{StaticResource ComboBoxToggleButton}"
Grid.Column="2"
Focusable="false"
IsChecked="{Binding Path=IsDropDownOpen,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}"
ClickMode="Press">
</ToggleButton>
<ContentPresenter
Name="ContentSite"
IsHitTestVisible="False"
Content="{TemplateBinding SelectionBoxItem}"
ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
Margin="3,3,23,3"
VerticalAlignment="Center"
HorizontalAlignment="Left" />
<TextBox x:Name="PART_EditableTextBox"
Style="{x:Null}"
Template="{StaticResource ComboBoxTextBox}"
HorizontalAlignment="Left"
VerticalAlignment="Center"
Margin="3,3,23,3"
Focusable="True"
Background="Transparent"
Visibility="Hidden"
IsReadOnly="{TemplateBinding IsReadOnly}"/>
<Popup
Name="Popup"
Placement="Bottom"
IsOpen="{TemplateBinding IsDropDownOpen}"
AllowsTransparency="True"
Focusable="False"
PopupAnimation="Slide">
<Grid
Name="DropDown"
SnapsToDevicePixels="True"
MinWidth="{TemplateBinding ActualWidth}"
MaxHeight="{TemplateBinding MaxDropDownHeight}">
<Border
x:Name="DropDownBorder"
Background="#FF444446"
BorderThickness="1"
BorderBrush="#888888"/>
<ScrollViewer Margin="4,6,4,6" SnapsToDevicePixels="True">
<StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" />
</ScrollViewer>
</Grid>
</Popup>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="HasItems" Value="false">
<Setter TargetName="DropDownBorder" Property="MinHeight" Value="95"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="#888888"/>
</Trigger>
<Trigger Property="IsGrouping" Value="true">
<Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
</Trigger>
<Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="true">
<Setter TargetName="DropDownBorder" Property="CornerRadius" Value="4"/>
<Setter TargetName="DropDownBorder" Property="Margin" Value="0,2,0,0"/>
</Trigger>
<Trigger Property="IsEditable"
Value="true">
<Setter Property="IsTabStop" Value="false"/>
<Setter TargetName="PART_EditableTextBox" Property="Visibility" Value="Visible"/>
<Setter TargetName="ContentSite" Property="Visibility" Value="Hidden"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
</Style.Triggers>
</Style>

<!-- SimpleStyles: ComboBoxItem -->
<Style x:Key="{x:Type ComboBoxItem}" TargetType="{x:Type ComboBoxItem}">
<Setter Property="SnapsToDevicePixels" Value="true"/>
<Setter Property="OverridesDefaultStyle" Value="true"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ComboBoxItem}">
<Border
Name="Border"
Padding="2"
SnapsToDevicePixels="true">
<ContentPresenter />
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsHighlighted" Value="true">
<Setter TargetName="Border" Property="Background" Value="#FF444446"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="#888888"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

<ControlTemplate x:Key="TextBoxBaseControlTemplate" TargetType="{x:Type TextBoxBase}">
<Border Background="{TemplateBinding Background}"
x:Name="Bd"
BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">
<ScrollViewer x:Name="PART_ContentHost"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" TargetName="Bd"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</Trigger>
<Trigger Property="Width" Value="Auto">
<Setter Property="MinWidth" Value="100"/>
</Trigger>
<Trigger Property="Height" Value="Auto">
<Setter Property="MinHeight" Value="20"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>

Code

       <ControlTemplate x:Key="ComboBoxToggleButton" TargetType="{x:Type ToggleButton}">

            <Grid>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition />

                    <ColumnDefinition Width="22" />

                </Grid.ColumnDefinitions>

                <Border

  x:Name="Border"

  Grid.ColumnSpan="2"

  CornerRadius="2"

  Background="#FF444446"

  BorderBrush="#404040"

  BorderThickness="0" />

                <Border

  Grid.Column="0"

  CornerRadius="2,0,0,2"

  Margin="1"

  Background="#FF444446"

  BorderBrush="#404040"

  BorderThickness="0,0,1,0" />

                <Path

  x:Name="Arrow"

  Grid.Column="1"     

  Fill="#FFFFFF"

  HorizontalAlignment="Center"

  VerticalAlignment="Center"

  Data="M 0 0 L 4 4 L 8 0 Z"/>

            </Grid>

            <ControlTemplate.Triggers>

                <Trigger Property="ToggleButton.IsMouseOver" Value="true">

                    <Setter TargetName="Border" Property="Background" Value="#808080" />

                </Trigger>

                <Trigger Property="ToggleButton.IsChecked" Value="true">

                    <Setter TargetName="Border" Property="Background" Value="#FF8D8D8D" />

                </Trigger>

                <Trigger Property="IsEnabled" Value="False">

                    <Setter TargetName="Border" Property="Background" Value="#FF343434" />

                    <Setter Property="Foreground" Value="#888888"/>

                    <Setter TargetName="Arrow" Property="Fill" Value="White" />

                </Trigger>

            </ControlTemplate.Triggers>

        </ControlTemplate>



        <ControlTemplate x:Key="ComboBoxTextBox" TargetType="{x:Type TextBox}">

            <Border x:Name="PART_ContentHost" Focusable="False" Background="{TemplateBinding Background}" />

        </ControlTemplate>



        <Style x:Key="{x:Type ComboBox}" TargetType="{x:Type ComboBox}">

            <Setter Property="SnapsToDevicePixels" Value="true"/>

            <Setter Property="OverridesDefaultStyle" Value="true"/>

            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>

            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>

            <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>

            <Setter Property="MinWidth" Value="120"/>

            <Setter Property="MinHeight" Value="20"/>

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="{x:Type ComboBox}">

                        <Grid>

                            <ToggleButton

        Name="ToggleButton"

        Template="{StaticResource ComboBoxToggleButton}"

        Grid.Column="2"

        Focusable="false"

        IsChecked="{Binding Path=IsDropDownOpen,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}"

        ClickMode="Press">

                            </ToggleButton>

                            <ContentPresenter

        Name="ContentSite"

        IsHitTestVisible="False"

        Content="{TemplateBinding SelectionBoxItem}"

        ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"

        ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"

        Margin="3,3,23,3"

        VerticalAlignment="Center"

        HorizontalAlignment="Left" />

                            <TextBox x:Name="PART_EditableTextBox"

        Style="{x:Null}"

        Template="{StaticResource ComboBoxTextBox}"

        HorizontalAlignment="Left"

        VerticalAlignment="Center"

        Margin="3,3,23,3"

        Focusable="True"

        Background="Transparent"

        Visibility="Hidden"

        IsReadOnly="{TemplateBinding IsReadOnly}"/>

                            <Popup

        Name="Popup"

        Placement="Bottom"

        IsOpen="{TemplateBinding IsDropDownOpen}"

        AllowsTransparency="True"

        Focusable="False"

        PopupAnimation="Slide">

                                <Grid

          Name="DropDown"

          SnapsToDevicePixels="True"               

          MinWidth="{TemplateBinding ActualWidth}"

          MaxHeight="{TemplateBinding MaxDropDownHeight}">

                                    <Border

            x:Name="DropDownBorder"

            Background="#FF444446"

            BorderThickness="1"

            BorderBrush="#888888"/>

                                    <ScrollViewer Margin="4,6,4,6" SnapsToDevicePixels="True">

                                        <StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" />

                                    </ScrollViewer>

                                </Grid>

                            </Popup>

                        </Grid>

                        <ControlTemplate.Triggers>

                            <Trigger Property="HasItems" Value="false">

                                <Setter TargetName="DropDownBorder" Property="MinHeight" Value="95"/>

                            </Trigger>

                            <Trigger Property="IsEnabled" Value="false">

                                <Setter Property="Foreground" Value="#888888"/>

                            </Trigger>

                            <Trigger Property="IsGrouping" Value="true">

                                <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>

                            </Trigger>

                            <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="true">

                                <Setter TargetName="DropDownBorder" Property="CornerRadius" Value="4"/>

                                <Setter TargetName="DropDownBorder" Property="Margin" Value="0,2,0,0"/>

                            </Trigger>

                            <Trigger Property="IsEditable"

           Value="true">

                                <Setter Property="IsTabStop" Value="false"/>

                                <Setter TargetName="PART_EditableTextBox" Property="Visibility" Value="Visible"/>

                                <Setter TargetName="ContentSite" Property="Visibility" Value="Hidden"/>

                            </Trigger>

                        </ControlTemplate.Triggers>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

            <Style.Triggers>

            </Style.Triggers>

        </Style>



        <!-- SimpleStyles: ComboBoxItem -->

        <Style x:Key="{x:Type ComboBoxItem}" TargetType="{x:Type ComboBoxItem}">

            <Setter Property="SnapsToDevicePixels" Value="true"/>

            <Setter Property="OverridesDefaultStyle" Value="true"/>

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="{x:Type ComboBoxItem}">

                        <Border

      Name="Border"

      Padding="2"

      SnapsToDevicePixels="true">

                            <ContentPresenter />

                        </Border>

                        <ControlTemplate.Triggers>

                            <Trigger Property="IsHighlighted" Value="true">

                                <Setter TargetName="Border" Property="Background" Value="#FF444446"/>

                            </Trigger>

                            <Trigger Property="IsEnabled" Value="false">

                                <Setter Property="Foreground" Value="#888888"/>

                            </Trigger>

                        </ControlTemplate.Triggers>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>



        <ControlTemplate x:Key="TextBoxBaseControlTemplate" TargetType="{x:Type TextBoxBase}">

            <Border Background="{TemplateBinding Background}"

                x:Name="Bd"

                BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">

                <ScrollViewer x:Name="PART_ContentHost"/>

            </Border>

            <ControlTemplate.Triggers>

                <Trigger Property="IsEnabled" Value="False">

                    <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" TargetName="Bd"/>

                    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

                </Trigger>

                <Trigger Property="Width" Value="Auto">

                    <Setter Property="MinWidth" Value="100"/>

                </Trigger>

                <Trigger Property="Height" Value="Auto">

                    <Setter Property="MinHeight" Value="20"/>

                </Trigger>

            </ControlTemplate.Triggers>

        </ControlTemplate>