如何在样式中正确设置WPF EventTrigger?

时间:2016-12-02 07:03:25

标签: c# wpf eventtrigger

我有一个边框的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.StackOverflowException 异常。

如果我在样式中删除了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"/>

这次边界线变为红色,就像魅力一样。但背景仍然存在,没有任何变化。

如何正确更改背景?

1 个答案:

答案 0 :(得分:0)

或者试试这个例子:

<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.StackOverflowException部分,根据MSDN,您可以通过在堆栈上创建太多大型对象来获取StackOverflowExceptions,这通常是因为您的代码已进入调用它的状态同样的功能链一遍又一遍。像递归一样。