在 UWP c# 中的 mouseEnter 按钮样式答案

【问题标题】：On mouseEnter button style in UWP c#在 UWP c# 中的 mouseEnter 按钮样式
【发布时间】：2016-09-06 15:03:30
【问题描述】：

我是 UWP c# 编程的初学者。所以我有一个带有一些按钮的菜单，我想改变这些风格。我更改了默认样式。但我无法更改 onMouseEnter 样式。 google 后发现这样的代码：

<Style x:Key="ButtonStyle" TargetType="Button">
        <Setter Property="BorderBrush" Value="Orange" />
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="Red"/>
            </Trigger>
        </Style.Triggers>
    </Style>

但似乎 Style.Triggers 在 UWP 中不支持。你能帮帮我吗？

【问题讨论】：

标签： c# uwp windows-10-universal mouseenter

【解决方案1】：

但似乎 Style.Triggers 在 UWP 中不支持。

是的，你是对的。在 UWP 中，我们需要使用内置的VisualStateManager。

我不知道你的菜单是怎么实现的，但是如果你想改变Button在鼠标悬停、按下或其他状态时的背景，你可以修改按钮的default template style。像这样修改名为PointerOver的VisualState：

<VisualState x:Name="PointerOver">
    <Storyboard>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="RootGrid">
            <DiscreteObjectKeyFrame KeyTime="0" Value="Red" />
        </ObjectAnimationUsingKeyFrames>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ContentPresenter">
            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonBorderBrushPointerOver}" />
        </ObjectAnimationUsingKeyFrames>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter">
            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonForegroundPointerOver}" />
        </ObjectAnimationUsingKeyFrames>
        <PointerUpThemeAnimation Storyboard.TargetName="RootGrid" />
    </Storyboard>
</VisualState>

然后您可以使用StaticResource 和此样式的键来应用此模板，例如：

<Button Content="Button 1" Style="{StaticResource ButtonStyle}" />

【讨论】：