WPF：新手动画问题

Question

当点击button1时，我想要这个序列

1. RectangeA变得可见
2. RectangeA不透明度从0变为75％，比如说3秒
3. ControlB变得可见。

使用命令式代码很容易实现步骤1和3，但我假设我需要学习如何使用故事板来执行第2步。

Answer 1

以下是描述序列的故事板：

<Storyboard x:Key="animate">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="button1" Storyboard.TargetProperty="(UIElement.Opacity)">
                <LinearDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                <LinearDoubleKeyFrame KeyTime="00:00:03" Value="0.75"/>
            </DoubleAnimationUsingKeyFrames>

            <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="button1" Storyboard.TargetProperty="(UIElement.Visibility)">
                <DiscreteObjectKeyFrame KeyTime="00:00:00" Value="Visibility.Visible"/>                
            </ObjectAnimationUsingKeyFrames>

            <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="control" Storyboard.TargetProperty="(UIElement.Visibility)">
                <DiscreteObjectKeyFrame KeyTime="00:00:00" Value="Visibility.Visible"/>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>

您可以通过EventTrigger在xaml中触发它，也可以通过TryFindResource（）在代码中触发它。 Here is the link on Animation Overview MSDN Article您可以在许多WPF动画主题上找到答案。