ShrlAlgoToolkit/WPFluent/Controls/ComboBoxEx/ComboBoxEx.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:controls="clr-namespace:WPFluent.Controls"
    xmlns:converters="clr-namespace:WPFluent.Converters"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <ResourceDictionary.MergedDictionaries>
        <!--<ResourceDictionary Source="pack://application:,,,/WPFluent;component/Resources/Variables.xaml" />-->
        <ResourceDictionary Source="pack://application:,,,/WPFluent;component/Controls/ComboBox/ComboBox.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <converters:BooleanToVisConverter x:Key="BooleanToVisConverter" />
    <Style TargetType="{x:Type controls:ComboBoxEx}" x:Key="DefaultComboBoxExStyle">
        <Style.Triggers>
            <Trigger Property="HeaderPlacement" Value="Left">
                <Setter Property="HorizontalAlignment" Value="Right" />
            </Trigger>
            <Trigger Property="HeaderPlacement" Value="Right">
                <Setter Property="HorizontalAlignment" Value="Left" />
            </Trigger>
        </Style.Triggers>
        <!--  Universal WPF UI focus  -->
        <Setter Property="FocusVisualStyle" Value="{DynamicResource DefaultControlFocusVisualStyle}" />
        <!--  Universal WPF UI focus  -->
        <!--  Universal WPF UI ContextMenu  -->
        <Setter Property="ContextMenu" Value="{DynamicResource DefaultControlContextMenu}" />
        <!--  Universal WPF UI ContextMenu  -->
        <Setter Property="Background" Value="{DynamicResource ControlFillColorDefaultBrush}" />
        <Setter Property="Border.CornerRadius" Value="{StaticResource ControlCornerRadius}" />
        <Setter Property="BorderBrush" Value="{DynamicResource ControlElevationBorderBrush}" />
        <Setter Property="BorderThickness" Value="{StaticResource ComboBoxBorderThemeThickness}" />
        <Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}" />
        <Setter Property="Foreground" Value="{DynamicResource TextFillColorPrimaryBrush}" />
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="MinHeight" Value="{StaticResource TextControlThemeMinHeight}" />
        <Setter Property="MinWidth" Value="{StaticResource TextControlThemeMinWidth}" />
        <Setter Property="OverridesDefaultStyle" Value="True" />
        <Setter Property="Padding" Value="{StaticResource ComboBoxPadding}" />
        <Setter Property="Popup.Placement" Value="Bottom" />
        <Setter Property="Popup.PopupAnimation" Value="Slide" />
        <Setter Property="ScrollViewer.CanContentScroll" Value="False" />
        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
        <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False" />
        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
        <Setter Property="VerticalAlignment" Value="Center" />
        <!--  WPF 不喜欢居中，动画很难看，鼠标按钮有时会立即点击。  -->
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type controls:ComboBoxEx}">
                    <DockPanel>
                        <!--  标题  -->
                        <TextBlock
                            DockPanel.Dock="{TemplateBinding HeaderPlacement}"
                            FontSize="{TemplateBinding FontSize}"
                            Margin="5"
                            Text="{TemplateBinding Header}"
                            VerticalAlignment="Center"
                            x:Name="Header_TextBlock" />
                        <Grid
                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalAlignment}"
                            x:Name="Grid">
                            <!--  强调边缘  只有IsEditable时出现  -->
                            <Border
                                BorderBrush="{DynamicResource SystemFillColorAttentionBrush}"
                                BorderThickness="{StaticResource ComboBoxAccentBorderThemeThickness}"
                                CornerRadius="{TemplateBinding Border.CornerRadius}"
                                Visibility="Collapsed"
                                x:Name="AccentBorder" />
                            <Border
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                CornerRadius="{TemplateBinding Border.CornerRadius}"
                                Grid.Row="0"
                                MinHeight="{TemplateBinding MinHeight}"
                                MinWidth="{TemplateBinding MinWidth}"
                                Padding="0"
                                x:Name="ContentBorder">
                                <Grid>
                                    <!--
                                        Chevron 位于 Presenter 上，ToggleButton 位于 Chevron 上，TextBox 位于 ToggleButton 上。
                                        但是，TextBox 不在 Chevron 上，所以 ToggleButton 仍能工作。
                                        后声明在上层
                                    -->
                                    <Grid HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="Auto" />
                                        </Grid.ColumnDefinitions>
                                        <Grid Grid.Column="0" Margin="{TemplateBinding Padding}">
                                            <!--#region 扩展水印-->
                                            <TextBlock
                                                Focusable="False"
                                                FontSize="{TemplateBinding FontSize}"
                                                Foreground="{DynamicResource TextFillColorSecondaryBrush}"
                                                IsHitTestVisible="False"
                                                Padding="1,0"
                                                Text="{TemplateBinding PlaceholderText}"
                                                VerticalAlignment="Center"
                                                Visibility="Collapsed"
                                                x:Name="PlaceholderTextBlock" />
                                            <!--#endregion-->
                                            <ContentPresenter
                                                Content="{TemplateBinding SelectionBoxItem}"
                                                ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                                                ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
                                                IsHitTestVisible="False"
                                                Name="PART_ContentPresenter"
                                                TextElement.Foreground="{TemplateBinding Foreground}" />
                                        </Grid>
                                        <!--  可编辑时  -->
                                        <ToggleButton
                                            ClickMode="Press"
                                            Focusable="False"
                                            Foreground="{TemplateBinding Foreground}"
                                            Grid.Column="0"
                                            Grid.ColumnSpan="2"
                                            IsChecked="{Binding Path=IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                            Margin="0"
                                            Name="ToggleButton"
                                            Style="{StaticResource DefaultComboBoxToggleButtonStyle}" />
                                        <TextBox
                                            FontSize="{TemplateBinding FontSize}"
                                            Foreground="{TemplateBinding Foreground}"
                                            Grid.Column="0"
                                            IsReadOnly="{TemplateBinding IsReadOnly}"
                                            Margin="{TemplateBinding Padding}"
                                            Style="{StaticResource DefaultComboBoxTextBoxStyle}"
                                            x:Name="PART_EditableTextBox" />
                                        <controls:SymbolIcon
                                            FontSize="{StaticResource ComboBoxChevronSize}"
                                            Foreground="{DynamicResource TextFillColorSecondaryBrush}"
                                            Grid.Column="1"
                                            IsHitTestVisible="False"
                                            Margin="{StaticResource ComboBoxChevronMargin}"
                                            RenderTransformOrigin="0.5, 0.5"
                                            Symbol="ChevronDown24"
                                            VerticalAlignment="Center"
                                            x:Name="ChevronIcon">
                                            <controls:SymbolIcon.RenderTransform>
                                                <RotateTransform Angle="0" />
                                            </controls:SymbolIcon.RenderTransform>
                                        </controls:SymbolIcon>
                                    </Grid>
                                    <!--  弹出式菜单  -->
                                    <Popup
                                        AllowsTransparency="True"
                                        Focusable="False"
                                        IsOpen="{TemplateBinding IsDropDownOpen}"
                                        MinWidth="{TemplateBinding ActualWidth}"
                                        Placement="{TemplateBinding Popup.Placement}"
                                        PopupAnimation="{TemplateBinding Popup.PopupAnimation}"
                                        VerticalAlignment="Center"
                                        VerticalOffset="1"
                                        x:Name="PART_Popup">
                                        <Border
                                            Background="{DynamicResource AcrylicBackgroundFillColorDefaultBrush}"
                                            BorderBrush="{DynamicResource SurfaceStrokeColorDefaultBrush}"
                                            BorderThickness="1"
                                            CornerRadius="{StaticResource PopupCornerRadius}"
                                            Padding="0,4,0,6"
                                            SnapsToDevicePixels="True"
                                            x:Name="DropDownBorder">
                                            <Grid>
                                                <Grid.RowDefinitions>
                                                    <RowDefinition Height="Auto" />
                                                    <RowDefinition />
                                                </Grid.RowDefinitions>
                                                <Grid Margin="5,2,5,2" Visibility="{Binding ShowFilterBox, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisConverter}}">
                                                    <TextBox x:Name="PART_FilterTextBox" />
                                                    <TextBlock
                                                        FontSize="{TemplateBinding FontSize}"
                                                        Foreground="{DynamicResource TextFillColorSecondaryBrush}"
                                                        IsHitTestVisible="False"
                                                        Name="FilterPlaceholderTextBlock"
                                                        Padding="14,0"
                                                        Text="{TemplateBinding FilterBoxPlaceholderText}"
                                                        VerticalAlignment="Center"
                                                        Visibility="Collapsed" />
                                                </Grid>
                                                <!--<controls:TextBox
                                                    x:Name="PART_FilterTextBox"
                                                    Margin="5,2,5,2"
                                                    PlaceholderText="{TemplateBinding FilterBoxPlaceholderText}"
                                                    Visibility="{Binding ShowFilterBox, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource BooleanToVisConverter}}" />-->
                                                <controls:DynamicScrollViewer
                                                    Grid.Row="1"
                                                    HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                                                    Margin="0"
                                                    MaxHeight="{TemplateBinding MaxDropDownHeight}"
                                                    SnapsToDevicePixels="True"
                                                    TextElement.FontSize="{TemplateBinding FontSize}"
                                                    TextElement.FontWeight="{TemplateBinding FontWeight}"
                                                    TextElement.Foreground="{TemplateBinding Foreground}"
                                                    VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}">
                                                    <StackPanel
                                                        IsItemsHost="True"
                                                        KeyboardNavigation.DirectionalNavigation="Contained"
                                                        TextElement.FontSize="{TemplateBinding FontSize}" />
                                                    <!--<ItemsPresenter KeyboardNavigation.DirectionalNavigation="Contained" TextElement.FontSize="{TemplateBinding FontSize}" />-->
                                                </controls:DynamicScrollViewer>
                                            </Grid>
                                        </Border>
                                    </Popup>
                                </Grid>
                            </Border>
                        </Grid>
                    </DockPanel>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsDropDownOpen" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="00:00:00.167"
                                            From="0"
                                            Storyboard.TargetName="ChevronIcon"
                                            Storyboard.TargetProperty="(controls:SymbolIcon.RenderTransform).(RotateTransform.Angle)"
                                            To="180" />
                                        <DoubleAnimation
                                            Duration="00:00:00.167"
                                            From="-90"
                                            Storyboard.TargetName="DropDownBorder"
                                            Storyboard.TargetProperty="(Border.RenderTransform).(TranslateTransform.Y)"
                                            To="0">
                                            <DoubleAnimation.EasingFunction>
                                                <CircleEase EasingMode="EaseOut" />
                                            </DoubleAnimation.EasingFunction>
                                        </DoubleAnimation>
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="00:00:00.167"
                                            From="180"
                                            Storyboard.TargetName="ChevronIcon"
                                            Storyboard.TargetProperty="(controls:SymbolIcon.RenderTransform).(RotateTransform.Angle)"
                                            To="0" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.ExitActions>
                        </Trigger>
                        <Trigger Property="Text" SourceName="PART_FilterTextBox" Value="">
                            <Setter Property="Visibility" TargetName="FilterPlaceholderTextBlock" Value="Visible" />
                        </Trigger>
                        <Trigger Property="Header" Value="{x:Null}">
                            <Setter Property="Margin" TargetName="Header_TextBlock" Value="0" />
                            <Setter Property="Visibility" TargetName="Header_TextBlock" Value="Collapsed" />
                        </Trigger>
                        <!--  标题左右对齐时,控制最小宽度  -->
                        <Trigger Property="HeaderPlacement" Value="Left">
                            <Setter Property="MinWidth" TargetName="Grid" Value="80" />
                        </Trigger>
                        <Trigger Property="HeaderPlacement" Value="Right">
                            <Setter Property="MinWidth" TargetName="Grid" Value="80" />
                        </Trigger>
                        <Trigger Property="HasItems" Value="False">
                            <Setter Property="MinHeight" TargetName="DropDownBorder" Value="{StaticResource ComboBoxPopupMinHeight}" />
                        </Trigger>
                        <Trigger Property="Popup.AllowsTransparency" SourceName="PART_Popup" Value="False">
                            <Setter Property="CornerRadius" TargetName="DropDownBorder" Value="0" />
                        </Trigger>
                        <Trigger Property="IsGrouping" Value="True">
                            <Setter Property="ScrollViewer.CanContentScroll" Value="False" />
                        </Trigger>
                        <Trigger Property="IsEditable" Value="True">
                            <Setter Property="IsTabStop" Value="False" />
                            <Setter Property="Visibility" TargetName="PART_EditableTextBox" Value="Visible" />
                            <Setter Property="Visibility" TargetName="PART_ContentPresenter" Value="Hidden" />
                        </Trigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsEnabled" Value="True" />
                                <Condition Property="IsKeyboardFocusWithin" Value="True" />
                                <Condition Property="IsEditable" Value="True" />
                            </MultiTrigger.Conditions>
                            <Setter Property="Background" TargetName="ContentBorder" Value="{DynamicResource ControlFillColorDefaultBrush}" />
                            <Setter Property="Visibility" TargetName="AccentBorder" Value="Visible" />
                        </MultiTrigger>
                        <!--  可用、指针进入、键盘不聚焦  -->
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsEnabled" Value="True" />
                                <Condition Property="IsMouseOver" Value="True" />
                                <Condition Property="IsKeyboardFocusWithin" Value="False" />
                            </MultiTrigger.Conditions>
                            <Setter Property="Background" TargetName="ContentBorder" Value="{DynamicResource ControlFillColorSecondaryBrush}" />
                        </MultiTrigger>
                        <!--  选中项文本  -->
                        <!--<MultiTrigger>
    <MultiTrigger.Conditions>
        <Condition Property="IsEditable" Value="False" />
        <Condition Property="SelectedIndex" Value="-1" />
    </MultiTrigger.Conditions>
    <Setter TargetName="PlaceholderTextBlock" Property="Visibility" Value="Visible" />
</MultiTrigger>-->
                        <!--<MultiTrigger>
    <MultiTrigger.Conditions>
        <Condition Property="PlaceholderEnable" Value="True" />
        <Condition Property="Text" Value="" />
    </MultiTrigger.Conditions>
    <Setter TargetName="PlaceholderTextBlock" Property="Visibility" Value="Visible" />
</MultiTrigger>-->

                        <Trigger Property="Text" Value="">
                            <Setter Property="Visibility" TargetName="PlaceholderTextBlock" Value="Visible" />
                        </Trigger>
                        <!--<Trigger Property="SelectedItem" Value="{x:Null}">
    <Setter TargetName="PlaceholderTextBlock" Property="Visibility" Value="Visible" />
</Trigger>-->
                        <!--<DataTrigger Binding="{Binding Path=Text, RelativeSource={RelativeSource Mode=Self}}" Value="">
    <Setter TargetName="PlaceholderTextBlock" Property="Visibility" Value="Visible" />
</DataTrigger>-->
                        <!--<DataTrigger Binding="{Binding Path=SelectedItem, RelativeSource={RelativeSource AncestorType={x:Type etc:ComboBoxEx}}}" Value="{x:Null}">
    <Setter TargetName="PlaceholderTextBlock" Property="Visibility" Value="Visible" />
</DataTrigger>-->
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Background" TargetName="ContentBorder" Value="{DynamicResource ControlFillColorDisabledBrush}" />
                            <Setter Property="BorderBrush" TargetName="ContentBorder" Value="{DynamicResource ControlStrokeColorDefaultBrush}" />
                            <Setter Property="Foreground" Value="{DynamicResource TextFillColorDisabledBrush}" />
                            <!--#region Extend 水印-->
                            <Setter Property="Foreground" TargetName="PlaceholderTextBlock" Value="{DynamicResource TextFillColorDisabledBrush}" />
                            <!--#endregion-->
                        </Trigger>

                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="VerticalContentAlignment" Value="Top" />
    </Style>

    <!--<Style BasedOn="{StaticResource DefaultComboBoxItemStyle}" TargetType="{x:Type ComboBoxItem}" />-->
    <Style BasedOn="{StaticResource DefaultComboBoxExStyle}" TargetType="{x:Type controls:ComboBoxEx}" />
</ResourceDictionary>