ShrlAlgoToolkit/AntDesignWPF/Controls/AntButton/AntButton.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:controls="clr-namespace:AntDesignWPF.Controls"
    xmlns:helpers="clr-namespace:AntDesignWPF.Helpers"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Converters.xaml" />
        <ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Animations.xaml" />
    </ResourceDictionary.MergedDictionaries>

    <Style TargetType="{x:Type controls:AntButton}">
        <Setter Property="Background" Value="{DynamicResource AntDesign.Brush.BackgroundContainer}" />
        <Setter Property="BorderBrush" Value="{DynamicResource AntDesign.Brush.BorderPrimary}" />
        <Setter Property="BorderThickness" Value="{DynamicResource BorderThicknessBase}" />
        <!-- <Setter Property="Effect">
            <Setter.Value>
                <DropShadowEffect Color="Black"
                                  BlurRadius="10"
                                  Direction="270"
                                  Opacity="0.4"
                                  ShadowDepth="5" />
            </Setter.Value>
        </Setter>-->
        <Setter Property="ShadowBrush">
            <Setter.Value>
                <SolidColorBrush Color="{DynamicResource AntDesign.Color.Primary}"  Opacity="0.2"/>
            </Setter.Value>
        </Setter>
        <Setter Property="EffectBrush" Value="{DynamicResource AntDesign.Brush.Primary}" />
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
        <Setter Property="Cursor" Value="Hand" />
        <Setter Property="FontSize" Value="{DynamicResource FontSizeBase}" />
        <Setter Property="FontWeight" Value="{DynamicResource ButtonFontWeight}" />
        <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.TextPrimary}" />
        <Setter Property="Height" Value="{DynamicResource ButtonHeightBase}" />
        <Setter Property="helpers:AntControl.BorderStyle" Value="{DynamicResource BorderStyleBase}" />
        <Setter Property="helpers:AntControl.CornerRadius" Value="{DynamicResource ButtonBorderRadiusBase}" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="Padding" Value="{DynamicResource ButtonPaddingBase}" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type controls:AntButton}">
                    <Grid>
                        <Border x:Name="Shadow"
                            Background="{TemplateBinding ShadowBrush}"
                            Margin="0,0,0,-1"
                            CornerRadius="{TemplateBinding helpers:AntControl.CornerRadius}" >
                            <!--<Border.Clip>
                                <RectangleGeometry Rect="{Binding RelativeSource={RelativeSource AncestorType={x:Type controls:AntButton}}, Path=RenderSize}" />
                            </Border.Clip>-->
                        </Border>
                        <!--  Effect  -->
                        <Border
                            BorderBrush="{TemplateBinding EffectBrush}"
                            BorderThickness="0"
                            CornerRadius="{TemplateBinding helpers:AntControl.CornerRadius}"
                            Focusable="False"
                            Margin="-1"
                            Opacity="0.4"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                            x:Name="Effect" />
                        <!--  Border  -->
                        <controls:AntBorder
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderStyle="{TemplateBinding helpers:AntControl.BorderStyle}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="{TemplateBinding helpers:AntControl.CornerRadius}"
                            Padding="{TemplateBinding Padding}"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                            UseLayoutRounding="True"
                            x:Name="PART_Border">
                            <!--  Content  -->
                            <Grid HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                                <Grid.ColumnDefinitions>
                                    <!--  Icon  -->
                                    <ColumnDefinition Width="Auto" />
                                    <!--  Content  -->
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <controls:Icon Grid.Column="0"
                                    Focusable="False"
                                    Margin="0,0,8,0"
                                    VerticalAlignment="Center"
                                    Type="{TemplateBinding Icon}"
                                    x:Name="Icon" />
                                <ContentPresenter
                                    Content="{TemplateBinding Content}"
                                    ContentStringFormat="{TemplateBinding ContentStringFormat}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
                                    Grid.Column="1"
                                    RecognizesAccessKey="True"
                                    x:Name="Content" />
                            </Grid>
                        </controls:AntBorder>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualStateGroup.Transitions>
                                    <VisualTransition GeneratedDuration="0" To="Pressed" />
                                    <VisualTransition GeneratedDuration="0:0:0.3" GeneratedEasingFunction="{StaticResource EaseInOut}" />
                                </VisualStateGroup.Transitions>
                                <VisualState x:Name="Normal" />
                                <VisualState x:Name="MouseOver" />
                                <VisualState x:Name="Pressed" />
                                <VisualState x:Name="Disabled" />
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="FocusStates">
                                <VisualStateGroup.Transitions>
                                    <VisualTransition GeneratedDuration="0:0:0.3" GeneratedEasingFunction="{StaticResource EaseInOut}" />
                                </VisualStateGroup.Transitions>
                                <VisualState x:Name="Focused" />
                                <VisualState x:Name="Unfocused" />
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="LoadStates">
                                <VisualStateGroup.Transitions>
                                    <VisualTransition GeneratedDuration="0:0:0.2" />
                                </VisualStateGroup.Transitions>
                                <VisualState x:Name="Loaded">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.65" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Unloaded" />
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <!--  Loading State  -->
                        <Trigger Property="Loading" Value="True">
                            <Setter Property="Type" TargetName="Icon" Value="loading" />
                        </Trigger>
                        <!--  Content State  -->
                        <Trigger Property="Content" Value="{x:Null}">
                            <!--<Setter Property="Grid.ColumnSpan" TargetName="Icon" Value="2" />-->
                            <Setter Property="Visibility" TargetName="Content" Value="Collapsed" />
                            <Setter Property="Margin" TargetName="Icon" Value="0" />
                        </Trigger>
                        <Trigger Property="Type" SourceName="Icon" Value="{x:Null}">
                            <Setter Property="Visibility" TargetName="Icon" Value="Collapsed" />
                        </Trigger>
                        <!--  Shape Circle  -->
                        <Trigger Property="Shape" Value="Circle">
                            <Setter Property="FontSize" TargetName="Icon" Value="{Binding FontSize, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource AdditionConverter}, ConverterParameter=2}" />
                        </Trigger>
                        <EventTrigger RoutedEvent="ButtonBase.Click">
                            <BeginStoryboard Storyboard="{StaticResource Ant.ClickAnimating}" />
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Style.Triggers>
            <!--  Ghost State  -->
            <Trigger Property="Ghost" Value="True">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderBrush" Value="White" />
                <Setter Property="Foreground" Value="White" />
            </Trigger>
            <!--  Primary  -->
            <Trigger Property="Variant" Value="Solid">
                <Setter Property="Background" Value="{DynamicResource AntDesign.Brush.Primary}" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="EffectBrush" Value="{DynamicResource AntDesign.Brush.Primary}" />
                <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.TextOnPrimary}" />
            </Trigger>
            <!--  Outlined  -->
            <Trigger Property="Variant" Value="Outlined">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderBrush" Value="{DynamicResource AntDesign.Brush.Primary}" />
                <Setter Property="EffectBrush" Value="{DynamicResource AntDesign.Brush.Primary}" />
                <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.Primary}" />
            </Trigger>
            <!--  Dashed  -->
            <Trigger Property="Variant" Value="Dashed">
                <Setter Property="helpers:AntControl.BorderStyle" Value="Dashed" />
                <Setter Property="ShadowBrush" Value="{DynamicResource AntDesign.Brush.Primary}" />
            </Trigger>
            <!--  Filled  -->
            <Trigger Property="Variant" Value="Filled">
                <Setter Property="Background" >
                    <Setter.Value>
                        <SolidColorBrush Color="{DynamicResource AntDesign.Color.Primary}"  Opacity="0.2"/>
                    </Setter.Value>
                </Setter>
                <Setter Property="BorderBrush" Value="Transparent" />
                <Setter Property="EffectBrush" Value="{DynamicResource AntDesign.Brush.BackgroundLayout}" />
                <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.TextOnPrimary}" />
            </Trigger>
            <Trigger Property="Variant" Value="Text">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderBrush" Value="Transparent" />
                <Setter Property="EffectBrush" Value="Transparent" />
                <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.Primary}" />
            </Trigger>
            <!--  Link  -->
            <Trigger Property="Variant" Value="Link">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderBrush" Value="Transparent" />
                <Setter Property="EffectBrush" Value="Transparent" />
                <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.Primary}" />
            </Trigger>

            <!--  Size  -->
            <Trigger Property="Size" Value="Large">
                <Setter Property="FontSize" Value="{DynamicResource ButtonFontSizeLarge}" />
                <Setter Property="Height" Value="{DynamicResource ButtonHeightLarge}" />
                <Setter Property="Padding" Value="{DynamicResource ButtonPaddingLarge}" />
            </Trigger>
            <Trigger Property="Size" Value="Small">
                <Setter Property="FontSize" Value="{DynamicResource ButtonFontSizeSmall}" />
                <Setter Property="Height" Value="{DynamicResource ButtonHeightSmall}" />
                <Setter Property="helpers:AntControl.CornerRadius" Value="{DynamicResource ButtonBorderRadiusSmall}" />
                <Setter Property="Padding" Value="{DynamicResource ButtonPaddingSmall}" />
            </Trigger>
            <!--  Shape Circle  -->
            <Trigger Property="Shape" Value="Circle">
                <Setter Property="helpers:AntControl.CornerRadius" Value="{Binding Height, Mode=OneWay, RelativeSource={RelativeSource Self}, Converter={StaticResource DoubleToCornerRadiusConverter}, ConverterParameter=2}" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Width" Value="{Binding Height, Mode=OneWay, RelativeSource={RelativeSource Self}}" />
            </Trigger>
            <!--  Loading State  -->
            <Trigger Property="Loading" Value="True">
                <Setter Property="IsEnabled" Value="False" />
            </Trigger>
            <!--  Ghost States  -->
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Ghost" Value="True" />
                    <Condition Property="Variant" Value="Solid" />
                </MultiTrigger.Conditions>
                <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.Primary}" />
            </MultiTrigger>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Variant"  Value="Solid" />
                    <Condition Property="Color" Value="Danger" />
                </MultiTrigger.Conditions>
                <Setter Property="Background" Value="{DynamicResource AntDesign.Brush.Error}" />
                <Setter Property="BorderBrush" Value="Transparent" />
                <Setter Property="EffectBrush" Value="Transparent" />
                <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.TextPrimary}" />
            </MultiTrigger>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Ghost" Value="True" />
                    <!--<Condition Property="Type" Value="Danger" />-->
                </MultiTrigger.Conditions>
                <Setter Property="BorderBrush" Value="{DynamicResource AntDesign.Brush.BackgroundLayout}" />
            </MultiTrigger>
            <!--  Disabled  -->
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="Loading" Value="False" />
                    <Condition Property="IsEnabled" Value="False" />
                </MultiTrigger.Conditions>
                <Setter Property="Background" Value="{DynamicResource AntDesign.Brush.BackgroundLayout}" />
                <Setter Property="BorderBrush" Value="{DynamicResource AntDesign.Brush.BorderPrimary}" />
                <Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.TextQuaternary}" />
            </MultiTrigger>
        </Style.Triggers>
    </Style>
</ResourceDictionary>