WPF动画暂停/继续

时间:2009-10-11 18:42:41

标签: wpf animation

我正在尝试WPF动画,我有点卡住了。这就是我需要做的事情:

鼠标悬停:

淡入(2秒内0%到100%不透明度)

鼠标移开:

暂停2秒

淡出(2秒内100%到0%的不透明度)

我有Fade In和Fade Out效果,但我无法弄清楚如何实现暂停,或者即使它可能。

1 个答案:

答案 0 :(得分:5)

以下是一些XAML,展示了如何完成您的工作(您可以将整个内容粘贴到Kaxaml中进行试用:

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Grid Background="Red">  
    <Grid.Triggers>
      <EventTrigger RoutedEvent="Grid.Loaded">
        <EventTrigger.Actions>
          <BeginStoryboard>
            <Storyboard RepeatBehavior="Forever">
              <DoubleAnimation Storyboard.TargetProperty="Opacity"
                               From="1" To="0" 
                               Duration="0:00:02"
                               BeginTime="0:00:02" />
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger.Actions>
      </EventTrigger>
    </Grid.Triggers>
  </Grid>
</Page>

诀窍是使用BeginTime类的DoubleAnimation属性。