在通用应用程序中将鼠标悬停在按钮上时禁用按钮上的动画

Question

我已经在这样的通用应用程序中为我的按钮定义了这种样式，我试图在将鼠标悬停在按钮上时删除按钮大小的最小化：

但我失败了，我还尝试删除 PointerOver 块，但这会影响我为按钮定义的颜色反转样式:(

<VisualState x:Name="PointerOver"></VisualState>

这是我的风格：

 <Style TargetType="Button" x:Key="btnForgroundColorWhenHoverWhite">
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid x:Name="RootGrid" Background="{TemplateBinding Background}">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal">
                                <Storyboard>
                                    <PointerUpThemeAnimation Storyboard.TargetName="RootGrid" />
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="PointerOver">
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"
                                               Storyboard.TargetProperty="Background">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="White" />
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                               Storyboard.TargetProperty="BorderBrush">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent" />
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                               Storyboard.TargetProperty="Foreground">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="#1d84eb" />
                                    </ObjectAnimationUsingKeyFrames>
                                    <PointerDownThemeAnimation Storyboard.TargetName="RootGrid" />
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <ContentPresenter x:Name="ContentPresenter"
                      BorderBrush="Transparent"
                      BorderThickness="{TemplateBinding BorderThickness}"
                      Content="{TemplateBinding Content}"
                      ContentTransitions="{TemplateBinding ContentTransitions}"
                      ContentTemplate="{TemplateBinding ContentTemplate}"
                      Padding="{TemplateBinding Padding}"
                      HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                      VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                      AutomationProperties.AccessibilityView="Raw"
                                      Foreground="White"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

所以，当我悬停在按钮上时，是否可以禁用按钮上的动画

感谢帮助

Answer 1

您只需从故事板中删除 PointerDownThemeAnimation。这是控制最小化效果的那个。

<PointerDownThemeAnimation Storyboard.TargetName="RootGrid" />

如果想完全去除PointerOver动画，可以去除PointerOver视觉状态的内容

<VisualState x:Name="PointerOver">
    <Storyboard>

    </Storyboard>
</VisualState>

在通用应用程序中将鼠标悬停在按钮上时禁用按钮上的动画

disable the animation on the button when hover on it in a universal app

c#

win-universal-app

windows-10-universal