ShrlAlgoToolkit/NeoUI/NeoUI/Controls/ButtonsStyle.xaml

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

                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!--  普通按钮,浮动  -->
    <Style x:Key="ButtonBasic" TargetType="{x:Type ButtonBase}">
        <Setter Property="assists:ButtonAssist.AppearanceType" Value="None" />
        <Setter Property="assists:ButtonAssist.IconPlacement" Value="Left" />
        <Setter Property="assists:ButtonAssist.IsRunning" Value="False" />
        <!--<Setter Property="assists:ButtonAssist.Icon" Value="Cr" />-->
        <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
                        x:Name="border"
                        Margin="0"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        CornerRadius="4"
                        DarkShadowBrush="{Binding Path=(assists:ShadingAssist.DarkShadowBrush), RelativeSource={RelativeSource TemplatedParent}}"
                        Intensity="0"
                        LightShadowBrush="{Binding Path=(assists:ShadingAssist.LightShadowBrush), RelativeSource={RelativeSource TemplatedParent}}"
                        RenderTransformOrigin="0.5,0.5"
                        ShaderEnabled="False"
                        SnapsToDevicePixels="True">
                        <DockPanel
                            Margin="{TemplateBinding Padding}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                            <!--  图标  -->
                            <ContentControl
                                x:Name="Icon"
                                Margin="0,0,5,0"
                                Content="{Binding Path=(assists:ButtonAssist.Icon), RelativeSource={RelativeSource TemplatedParent}}"
                                DockPanel.Dock="{Binding Path=(assists:ButtonAssist.IconPlacement), RelativeSource={RelativeSource TemplatedParent}}"
                                Focusable="False"
                                RenderTransformOrigin="0.5,0.5">
                                <ContentControl.RenderTransform>
                                    <RotateTransform />
                                </ContentControl.RenderTransform>
                            </ContentControl>
                            <!--  内容  -->
                            <ContentPresenter
                                x:Name="contentPresenter"
                                Focusable="False"
                                RecognizesAccessKey="True"
                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                TextElement.Foreground="{TemplateBinding Foreground}" />
                        </DockPanel>
                        <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="assists:ButtonAssist.Icon" Value="{x:Null}">
                            <Setter TargetName="Icon" Property="Visibility" Value="Collapsed" />
                        </Trigger>
                        <!--  切换边框效果，显示阴影  -->
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="BorderBrush" Value="{Binding Path=(assists:ShadingAssist.LightedBorder), RelativeSource={RelativeSource TemplatedParent}}" />
                            <Trigger.EnterActions>
                                <BeginStoryboard x:Name="showEffectBegin" Storyboard="{StaticResource Button.FocusEffect}" />
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard Storyboard="{StaticResource Button.LeaveEffect}" />
                            </Trigger.ExitActions>
                        </Trigger>
                        <!--  缩减阴影，下压效果  -->
                        <Trigger Property="IsPressed" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard x:Name="pressBegin" Storyboard="{StaticResource Button.PressEffect}" />
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <RemoveStoryboard BeginStoryboardName="pressBegin" />
                            </Trigger.ExitActions>
                        </Trigger>
                        <!--  按钮禁用效果  -->
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter TargetName="border" Property="Background" Value="{Binding Path=(assists:ShadingAssist.DisabledBackground), RelativeSource={RelativeSource TemplatedParent}}" />
                            <Setter TargetName="contentPresenter" Property="TextElement.Foreground" Value="{Binding Path=(assists:ShadingAssist.DisabledForeground), RelativeSource={RelativeSource TemplatedParent}}" />
                        </Trigger>

                        <DataTrigger Binding="{Binding Path=(assists:ButtonAssist.IsRunning), RelativeSource={RelativeSource Self}}" Value="True">
                            <Setter Property="assists:ButtonAssist.Icon" Value="{markup:Icon SymbolValue=ProgressActivity}" />
                            <Setter Property="assists:ButtonAssist.IconPlacement" Value="Right" />
                            <DataTrigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource LoadingAnimation}" />
                            </DataTrigger.EnterActions>
                            <DataTrigger.ExitActions>
                                <RemoveStoryboard BeginStoryboardName="LoadingAnimation" />
                            </DataTrigger.ExitActions>
                        </DataTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="assists:ButtonAssist.AppearanceType" Value="{x:Static controls:AppearanceType.Primary}">
                <Setter Property="Foreground" Value="{DynamicResource TextInverseBrush}" />
                <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 TextDisabledBrush}" />
                <Setter Property="assists:ShadingAssist.LightedBorder">
                    <Setter.Value>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                            <GradientStop Offset="0" Color="{DynamicResource PrimaryNormalColor}" />
                            <GradientStop Offset="0.5" Color="Transparent" />
                            <LinearGradientBrush.RelativeTransform>
                                <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                            </LinearGradientBrush.RelativeTransform>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="assists:ButtonAssist.AppearanceType" Value="{x:Static controls:AppearanceType.Info}">
                <Setter Property="Foreground" Value="{DynamicResource TextInverseBrush}" />
                <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 StartPoint="0,0" EndPoint="1,0">
                            <GradientStop Offset="0" Color="{DynamicResource InfoColor}" />
                            <GradientStop Offset="0.5" Color="Transparent" />
                            <LinearGradientBrush.RelativeTransform>
                                <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                            </LinearGradientBrush.RelativeTransform>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="assists:ButtonAssist.AppearanceType" Value="{x:Static controls:AppearanceType.Error}">
                <Setter Property="Foreground" Value="{DynamicResource TextInverseBrush}" />
                <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 StartPoint="0,0" EndPoint="1,0">
                            <GradientStop Offset="0" Color="{DynamicResource ErrorColor}" />
                            <GradientStop Offset="0.5" Color="Transparent" />
                            <LinearGradientBrush.RelativeTransform>
                                <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                            </LinearGradientBrush.RelativeTransform>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="assists:ButtonAssist.AppearanceType" Value="{x:Static controls:AppearanceType.Warning}">
                <Setter Property="Foreground" Value="{DynamicResource TextInverseBrush}" />
                <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 StartPoint="0,0" EndPoint="1,0">
                            <GradientStop Offset="0" Color="{DynamicResource WarningColor}" />
                            <GradientStop Offset="0.5" Color="Transparent" />
                            <LinearGradientBrush.RelativeTransform>
                                <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                            </LinearGradientBrush.RelativeTransform>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="assists:ButtonAssist.AppearanceType" Value="{x:Static controls:AppearanceType.Success}">
                <Setter Property="Foreground" Value="{DynamicResource TextInverseBrush}" />
                <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 StartPoint="0,0" EndPoint="1,0">
                            <GradientStop Offset="0" Color="{DynamicResource SuccessColor}" />
                            <GradientStop Offset="0.5" Color="Transparent" />
                            <LinearGradientBrush.RelativeTransform>
                                <RotateTransform Angle="45" CenterX="0.5" CenterY="0.5" />
                            </LinearGradientBrush.RelativeTransform>
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
    <!--  默认按钮  -->
    <Style BasedOn="{StaticResource ButtonBasic}" TargetType="{x:Type Button}" />
    <!--  重复按钮  -->
    <Style BasedOn="{StaticResource ButtonBasic}" TargetType="{x:Type RepeatButton}" />

</ResourceDictionary>