wpf - 使用动画制作 WPF 标签(或其他元素)闪光

Question

我有一个标签，仅根据我的 ViewModel 属性之一使其可见。这是 XAML:

<Label  HorizontalAlignment="Center" VerticalAlignment="Center"
        HorizontalContentAlignment="Center" 
        VerticalContentAlignment="Center" 
        FontSize="24" Width="200" Height="200" >
    <Label.Content >
        Option in the money! 
    </Label.Content>
    <Label.Style>
        <Style TargetType="{x:Type Label}">
            <Setter Property="Visibility" Value="Hidden" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding OptionInMoney}" Value="True">
                    <Setter Property="Visibility"
                Value="Visible" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Label.Style>

</Label>

我不确定这是最好的方法，但无论如何，我也想让标签闪烁。显然，我只希望它在可见时闪烁。有人可以指出一些示例代码，或者编写一个快速示例来执行此操作吗？我想我需要某种触发器和动画。据推测，当标签不再可见时，我还需要一个触发器，以便停止动画？

谢谢，
戴夫
附言有关于所有这些 WPF 技巧的好书或网站吗？对于那些记得那本书的人来说，类似于“MFC Answer Book”。

Answer 1

您可以添加 Storyboard动画到 Style.Resources并在 EnterActions 中启动它DataTrigger的部分.

一个简单的DoubleAnimation在 Opacity应该工作正常

像这样的东西:

<Label.Style>
    <Style TargetType="{x:Type Label}">
        <Style.Resources>
            <Storyboard x:Key="flashAnimation" >
                <DoubleAnimation Storyboard.TargetProperty="Opacity" From="1" To="0" AutoReverse="True" Duration="0:0:0.5" RepeatBehavior="Forever" />
            </Storyboard>
        </Style.Resources>

        <Setter Property="Visibility" Value="Hidden" />
        <Style.Triggers>
            <DataTrigger Binding="{Binding OptionInMoney}" Value="True">
                <Setter Property="Visibility" Value="Visible" />
                <DataTrigger.EnterActions>
                    <BeginStoryboard Name="flash" Storyboard="{StaticResource flashAnimation}" />
                </DataTrigger.EnterActions>
                <DataTrigger.ExitActions>
                    <StopStoryboard BeginStoryboardName="flash"/>
                </DataTrigger.ExitActions>
            </DataTrigger>

        </Style.Triggers>
    </Style>
</Label.Style>