如何正确设置 WPF EventTrigger 样式？

Question

我有一个 WPF 样式，它是一个边框。用于按钮。

<Style x:Key="RoundCorner" TargetType="{x:Type Button}">
    <Setter Property="ClickMode" Value="Press"/>
    <EventSetter Event="PreviewMouseUp" Handler="RegularButtonRelease"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Grid x:Name="grid">
                    <Border x:Name="border" CornerRadius="2" BorderBrush="#FF444444" BorderThickness="1">
                        <Border.Background>
                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1.2" >
                                <GradientStop Color="#ffaaaaaa" Offset="0" />
                                <GradientStop Color="White" Offset="1" />
                            </LinearGradientBrush>                             
                        </Border.Background>
                    </Border>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsPressed" Value="True">
                        <!--some style -->
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="True">
                        <!--some style -->                                
                    </Trigger>
                    <EventTrigger RoutedEvent="PreviewMouseLeftButtonUp">
                        <BeginStoryboard>
                            <Storyboard Duration="0:0:2" AutoReverse="False">
                                <ColorAnimation 
                                    Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" 
                                    FillBehavior="Stop" To="Tomato"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

我想在给定的时间内将边框背景颜色设置为不同的颜色，当我释放鼠标单击按钮时。（例如按钮在按下时是黑色的，当我松开时，它变成红色，然后又变回白色）

使用上面的代码，我可以看到按钮颜色在我释放鼠标按钮后不断变化，并且我的事件处理程序 RegularButtonRelease 也不断被触发。很快应用程序挂起，并给了我一个 System.WhosebugException 异常。

如果我去掉样式中的 EventTrigger，我的应用程序会正确执行，所以我的 EventTrigger 一定是错误的。

我的问题是，如何在按下鼠标按钮时正确设置背景颜色变化（使用 EventTrigger 或其他）？

更新：

我尝试使用以下方法同时设置边框和背景：

<ColorAnimation 
    Duration="0:0:0.8" 
    Storyboard.TargetName="border" 
    Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" 
    To="Red"/>
<ColorAnimation 
    Duration="0:0:0.8" 
    Storyboard.TargetName="border" 
    Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" 
    To="Red"/>

这次边框线变成了红色，效果很好。但是背景仍然在那里，没有任何变化。

如何正确更改背景？

Answer 1

或者试试这个例子：

<ControlTemplate.Triggers>
            <Trigger Property="IsPressed" Value="True">
              <Setter Property="Background" TargetName="Background" Value="Red"/>
            </Trigger>
        </ControlTemplate.Triggers>

供参考：

Change color of Button when Mouse is over

How do you change Background for a Button MouseOver in WPF?

来到 System.WhosebugException 部分，根据 MSDN，您可以通过在堆栈上创建太多大对象来获得 WhosebugExceptions，这通常是因为您的代码已进入一种状态一遍又一遍地调用相同的函数链。类似于递归。

Answer 2

首先，你的错误：您正在尝试更改 Background 的 Color，这是不可能的，因为它已设置为 LinearGradientBrush，其次您根本没有设置 Storyboard.TargetName。

我做了一些更改，首先：将 x:Name 分配给第二个 GradientStop，然后在动画中将此 x:Name 用作 Storyboard.TargetName="C2"。

<Style x:Key="RoundCorner" TargetType="{x:Type Button}">
        <Setter Property="ClickMode" Value="Press"/>
        <EventSetter Event="PreviewMouseUp" Handler="RegularButtonRelease"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid x:Name="grid">
                        <Border x:Name="border" CornerRadius="2" BorderBrush="#FF444444" BorderThickness="1">
                            <Border.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1.2" >
                                    <GradientStop Color="#ffaaaaaa" Offset="0" />
                                    <GradientStop x:Name="C2" Color="White" Offset="1" />
                                </LinearGradientBrush>
                            </Border.Background>
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed" Value="True">
                            <!--some style -->
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <!--some style -->
                        </Trigger>
                        <EventTrigger RoutedEvent="PreviewMouseLeftButtonUp">
                            <BeginStoryboard>
                                <Storyboard Duration="0:0:1" AutoReverse="False">
                                    <ColorAnimation Storyboard.TargetName="C2"
                                        Storyboard.TargetProperty="Color" 
                                        FillBehavior="Stop" To="Red"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

如何正确设置 WPF EventTrigger 样式？

How to correctly set an WPF EventTrigger in style?

c#

wpf

eventtrigger