-1

我想在鼠标进入边框时为按钮阴影效果颜色设置动画。我尝试了这段代码,但对我不起作用。而且我不知道问题出在哪里?

    <Style x:Name="HeaderButton" TargetType="Button">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border x:Name="Border" BorderBrush="#FF550211" BorderThickness="0" CornerRadius="4">
                    <Border.Triggers>
                        <EventTrigger RoutedEvent="Border.MouseEnter">
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Storyboard.TargetProperty="Color" Storyboard.TargetName="MenuButtonShadow"
                                                    From="#FFFFFFFF" To="#FF000000" Duration="0:0:0.3"></ColorAnimation>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Border.Triggers>
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFAF1232" Offset="0" />
                            <GradientStop Color="#FFB60329" Offset="1" />
                        </LinearGradientBrush>
                    </Border.Background>
                    <ContentPresenter Margin="8, 0" VerticalAlignment="Center" HorizontalAlignment="Center" />
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="Effect">
        <Setter.Value>
            <DropShadowEffect x:Name="MenuButtonShadow" ShadowDepth="0" BlurRadius="4"></DropShadowEffect>
        </Setter.Value>
    </Setter>
    <Setter Property="Foreground" Value="White"></Setter>
    <Setter Property="Margin" Value="4"></Setter>
</Style>
4

1 回答 1

1

来自MSDN

在 Silverlight 中,可用于 EventTrigger 的唯一事件是 Loaded 事件。对于其他事件,您应该在 Resources 属性中声明一个故事板,为故事板提供一个 Name 值,并编写一个事件处理程序来调用命名故事板上的 Begin 方法。

我想你可以在你的 XAML 中做这样的事情(虽然我没有测试过):

<Storyboard x:Name="MenuButtonShadowStoryboard">
    <ColorAnimation Storyboard.TargetProperty="Color" Storyboard.TargetName="MenuButtonShadow"
                    From="#FFFFFFFF" To="#FF000000" Duration="0:0:0.3">
    </ColorAnimation>
</Storyboard>

<ControlTemplate TargetType="Button">
    <Border x:Name="Border" MouseEnter="Border_MouseEnter">
        <!-- omitted for brevity -->
    </Border>
</ControlTemplate>

然后您的事件处理程序将调用情节提要上的 Begin 方法:

private void Border_MouseEnter(object sender, MouseEventArgs e)
{
    MenuButtonShadowStoryboard.Begin();
}

您可能想要为 MouseLeave 事件添加类似的内容,这会使颜色返回到 #FFFFFFFF。

于 2012-09-06T22:38:56.677 回答