如何使用 Expression Blend 在页面加载时自动播放故事板动画答案

【问题标题】：How to autoplay storyboard animation on page load using Expression Blend如何使用 Expression Blend 在页面加载时自动播放故事板动画
【发布时间】：2011-08-23 22:32:09
【问题描述】：

我有一个在页面加载时应该播放的故事板。有没有办法直接从 Expression Blend 中做到这一点？我宁愿不通过代码或 xaml 来做。

对按钮点击或其他事件做同样的事情怎么样？

谢谢

【问题讨论】：

下面的行为答案是迄今为止最简单的。我当然理解您对在代码中执行此操作的反感，但为了清楚起见，让我这样说：如果您是“从 Blend”中执行此操作，那么您就是“在 XAML 中”执行此操作。 Blend 只是为您编写 XAML。 :-)

标签： windows-phone-7 animation expression-blend storyboard

【解决方案1】：

您可以将 ControlStoryboardAction 行为 (Assets->Behaviors) 拖到页面上，并将 EventName 设置为 PageLoaded，并将 ControlStoryboardOption 设置为 Play，然后 故事板到您的故事板。

【讨论】：

【解决方案2】：

如果您决定通过代码执行此操作，那么您只需调用 StoryBoard 的 Begin() 即可。比如：

<Storyboard x:Name="fadeIn">
        <DoubleAnimation Storyboard.TargetName="img"
                         Storyboard.TargetProperty="Opacity" From="0.0"
                         To="1.0" Duration="0:0:1" />
    </Storyboard>


private void btnFadeIn_Click(object sender, RoutedEventArgs e)
{
    this.fadeIn.Begin();
}

【讨论】：