ShrlAlgoToolkit/NeuWPF/NeuWPF/Controls/ButtonsStyle.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:assists="clr-namespace:NeuWPF.Assists"
    xmlns:controls="clr-namespace:NeuWPF.Controls"
    xmlns:svd="clr-namespace:NeuWPF.Controls.Decorations"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!--  按钮高亮  -->
    <Storyboard x:Key="Button.FocusEffect">
        <DoubleAnimation
            Duration="0:0:0.2"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="Intensity"
            To="1" />
        <DoubleAnimation
            Duration="0"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
            To="1.01" />
        <DoubleAnimation
            Duration="0"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
            To="1.01" />
        <BooleanAnimationUsingKeyFrames
            Duration="0"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="ShaderEnabled">
            <DiscreteBooleanKeyFrame KeyTime="0" Value="True" />
        </BooleanAnimationUsingKeyFrames>
    </Storyboard>
    <!--  按钮取消高亮  -->
    <Storyboard x:Key="Button.LeaveEffect">
        <DoubleAnimation
            Duration="0:0:0.2"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="Intensity"
            To="0" />
        <DoubleAnimation
            Duration="0"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
            To="1" />
        <DoubleAnimation
            Duration="0"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
            To="1" />
        <BooleanAnimationUsingKeyFrames
            Duration="0:0:0.2"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="ShaderEnabled">
            <DiscreteBooleanKeyFrame KeyTime="0:0:0.2" Value="False" />
        </BooleanAnimationUsingKeyFrames>
    </Storyboard>
    <!--  按钮按下  -->
    <Storyboard x:Key="Button.PressEffect">
        <DoubleAnimation
            Duration="0"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
            To="0.99" />
        <DoubleAnimation
            Duration="0"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
            To="0.99" />
        <DoubleAnimation
            Duration="0"
            Storyboard.TargetName="border"
            Storyboard.TargetProperty="Intensity"
            To="0.5" />
    </Storyboard>
    <!--  拟态按钮，按下后显示深度效果  -->
    <Style TargetType="{x:Type Button}" x:Key="NeuMorphicButtonStyle">
        <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}" />
        <Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
        <Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Padding" Value="20,10" />
        <Setter Property="FontSize" Value="14" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <svd:EmbossBorder
                            Background="{TemplateBinding Background}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Intensity="0.5"
                            ShaderEnabled="True"
                            x:Name="emboss" />
                        <svd:SlotBorder
                            Background="{TemplateBinding Background}"
                            Intensity="0"
                            Margin="0"
                            ShaderEnabled="False"
                            x:Name="slot">
                            <ContentPresenter
                                Focusable="False"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                RecognizesAccessKey="True"
                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                x:Name="contentPresenter" />
                        </svd:SlotBorder>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Button.IsDefaulted" Value="True" />
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Intensity" TargetName="emboss" Value="1" />
                            <!--<Setter Property="BorderThickness" Value="1" />-->
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="ShaderEnabled" TargetName="slot" Value="True" />
                            <Setter Property="Intensity" TargetName="slot" Value="0.6" />
                            <Setter Property="Intensity" TargetName="emboss" Value="0" />
                            <Setter Property="Foreground" TargetName="slot" Value="{DynamicResource TextSecondaryBrush}" />
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Background" TargetName="emboss" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
                            <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{DynamicResource TextDisabledBrush}" />
                            <Setter Property="ShaderEnabled" TargetName="emboss" Value="False" />
                        </Trigger>

                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!--  普通按钮,浮动  -->
    <Style TargetType="{x:Type ButtonBase}" x:Key="ButtonBasic">
        <Setter Property="FocusVisualStyle" Value="{DynamicResource FocusVisual}" />
        <Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
        <Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource BorderNormalBrush}" />
        <Setter Property="assists:ShadingAssist.LightShadowBrush" Value="{DynamicResource LightShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DarkShadowBrush" Value="{DynamicResource DarkShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DisabledBackground" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
        <Setter Property="assists:ShadingAssist.DisabledForeground" Value="{DynamicResource TextDisabledBrush}" />
        <Setter Property="assists:ShadingAssist.LightedBorder" Value="{DynamicResource BorderGradientBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="FontSize" Value="14" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Padding" Value="20,8" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ButtonBase}">
                    <svd:EmbossBorder
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        CornerRadius="4"
                        LightShadowBrush="{Binding Path=(assists:ShadingAssist.LightShadowBrush), RelativeSource={RelativeSource TemplatedParent}}"
                        Intensity="0"
                        Margin="0"
                        RenderTransformOrigin="0.5,0.5"
                        ShaderEnabled="False"
                        DarkShadowBrush="{Binding Path=(assists:ShadingAssist.DarkShadowBrush), RelativeSource={RelativeSource TemplatedParent}}"
                        SnapsToDevicePixels="True"
                        x:Name="border">
                        <ContentPresenter
                            Focusable="False"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            Margin="{TemplateBinding Padding}"
                            RecognizesAccessKey="True"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                            TextElement.Foreground="{TemplateBinding Foreground}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            x:Name="contentPresenter" />
                        <svd:EmbossBorder.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform />
                                <SkewTransform />
                                <RotateTransform />
                                <TranslateTransform />
                            </TransformGroup>
                        </svd:EmbossBorder.RenderTransform>
                    </svd:EmbossBorder>

                    <ControlTemplate.Triggers>
                        <!--<Trigger Property="IsDefaulted" Value="True">
                            <Setter Property="BorderBrush" TargetName="border"
                                    Value="{StaticResource PrimaryBrush}" />
                        </Trigger>-->
                        <!--  切换边框效果，显示阴影  -->
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="BorderBrush" TargetName="border" Value="{Binding Path=(assists:ShadingAssist.LightedBorder), RelativeSource={RelativeSource TemplatedParent}}" />
                            <Trigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource Button.FocusEffect}" x:Name="showEffectBegin" />
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard Storyboard="{StaticResource Button.LeaveEffect}" />
                            </Trigger.ExitActions>
                        </Trigger>
                        <!--  缩减阴影，下压效果  -->
                        <Trigger Property="IsPressed" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource Button.PressEffect}" x:Name="pressBegin" />
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <RemoveStoryboard BeginStoryboardName="pressBegin" />
                            </Trigger.ExitActions>
                        </Trigger>
                        <!--  按钮禁用效果  -->
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Background" TargetName="border" Value="{Binding Path=(assists:ShadingAssist.DisabledBackground), RelativeSource={RelativeSource TemplatedParent}}" />
                            <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{Binding Path=(assists:ShadingAssist.DisabledForeground), RelativeSource={RelativeSource TemplatedParent}}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!--  默认按钮  -->
    <Style BasedOn="{StaticResource ButtonBasic}" TargetType="{x:Type Button}" />
    <!--  主要按钮  -->
    <Style
        BasedOn="{StaticResource ButtonBasic}"
        TargetType="{x:Type Button}"
        x:Key="ButtonPrimary">
        <Setter Property="Foreground" Value="{DynamicResource TextOnAccentPrimaryBrush}" />
        <Setter Property="Background" Value="{DynamicResource PrimaryNormalBrush}" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="assists:ShadingAssist.LightShadowBrush" Value="{DynamicResource PrimaryLightShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DarkShadowBrush" Value="{DynamicResource PrimaryDarkShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DisabledBackground" Value="{DynamicResource PrimaryDisabledBrush}" />
        <Setter Property="assists:ShadingAssist.DisabledForeground" Value="{DynamicResource TextOnAccentDisabledBrush}" />
        <Setter Property="assists:ShadingAssist.LightedBorder">
            <Setter.Value>
                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
                    <GradientStop Color="{DynamicResource PrimaryDefaultColor}" Offset="0" />
                    <GradientStop Color="Transparent" Offset="0.5" />
                    <LinearGradientBrush.RelativeTransform>
                        <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                    </LinearGradientBrush.RelativeTransform>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
    <!--  危险按钮  -->
    <Style
        BasedOn="{StaticResource ResourceKey=ButtonPrimary}"
        TargetType="{x:Type Button}"
        x:Key="ButtonInfo">
        <Setter Property="Background" Value="{DynamicResource InfoBrush}" />

        <Setter Property="assists:ShadingAssist.LightShadowBrush" Value="{DynamicResource InfoLightShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DarkShadowBrush" Value="{DynamicResource InfoDarkShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DisabledBackground" Value="{DynamicResource InfoDisabledBrush}" />
        <Setter Property="assists:ShadingAssist.LightedBorder">
            <Setter.Value>
                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
                    <GradientStop Color="{DynamicResource InfoColor}" Offset="0" />
                    <GradientStop Color="Transparent" Offset="0.5" />
                    <LinearGradientBrush.RelativeTransform>
                        <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                    </LinearGradientBrush.RelativeTransform>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
    <!--  危险按钮  -->
    <Style
        BasedOn="{StaticResource ResourceKey=ButtonPrimary}"
        TargetType="{x:Type Button}"
        x:Key="ButtonDanger">
        <Setter Property="Background" Value="{DynamicResource ErrorBrush}" />

        <Setter Property="assists:ShadingAssist.LightShadowBrush" Value="{DynamicResource ErrorLightShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DarkShadowBrush" Value="{DynamicResource ErrorDarkShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DisabledBackground" Value="{DynamicResource ErrorDisabledBrush}" />
        <Setter Property="assists:ShadingAssist.LightedBorder">
            <Setter.Value>
                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
                    <GradientStop Color="{DynamicResource ErrorColor}" Offset="0" />
                    <GradientStop Color="Transparent" Offset="0.5" />
                    <LinearGradientBrush.RelativeTransform>
                        <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                    </LinearGradientBrush.RelativeTransform>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>

    <!--  警告按钮  -->
    <Style
        BasedOn="{StaticResource ResourceKey=ButtonPrimary}"
        TargetType="{x:Type Button}"
        x:Key="ButtonWarning">
        <Setter Property="Background" Value="{DynamicResource WarningBrush}" />

        <Setter Property="assists:ShadingAssist.LightShadowBrush" Value="{DynamicResource WarningLightShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DarkShadowBrush" Value="{DynamicResource WarningDarkShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DisabledBackground" Value="{DynamicResource WarningDisabledBrush}" />
        <Setter Property="assists:ShadingAssist.LightedBorder">
            <Setter.Value>
                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
                    <GradientStop Color="{DynamicResource WarningColor}" Offset="0" />
                    <GradientStop Color="Transparent" Offset="0.5" />
                    <LinearGradientBrush.RelativeTransform>
                        <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                    </LinearGradientBrush.RelativeTransform>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
    <!--  成功按钮  -->
    <Style
        BasedOn="{StaticResource ResourceKey=ButtonPrimary}"
        TargetType="{x:Type Button}"
        x:Key="ButtonSuccess">
        <Setter Property="Background" Value="{DynamicResource SuccessBrush}" />
        <Setter Property="assists:ShadingAssist.LightShadowBrush" Value="{DynamicResource SuccessLightShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DarkShadowBrush" Value="{DynamicResource SuccessDarkShadowBrush}" />
        <Setter Property="assists:ShadingAssist.DisabledBackground" Value="{DynamicResource SuccessDisabledBrush}" />
        <Setter Property="assists:ShadingAssist.LightedBorder">
            <Setter.Value>
                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
                    <GradientStop Color="{DynamicResource SuccessColor}" Offset="0" />
                    <GradientStop Color="Transparent" Offset="0.5" />
                    <LinearGradientBrush.RelativeTransform>
                        <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                    </LinearGradientBrush.RelativeTransform>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>


    <!--  重复按钮  -->
    <Style BasedOn="{StaticResource ButtonBasic}" TargetType="{x:Type RepeatButton}" />

</ResourceDictionary>