开发者

WPF Animation Pause/Continue

I'm experimentin开发者_开发技巧g with WPF animations, and I'm a bit stuck. Here's what I need to do:

MouseOver:

Fade In (0% to 100% opacity in 2 seconds)

MouseOut:

Pause for 2 seconds

Fade Out (100% to 0% opacity in 2 seconds)

I've got the Fade In and Fade Out effects, but I can't figure out how to implement the Pause, or even if it's possible.


Here's some XAML that shows how to do what you're after (you can paste the entire thing into Kaxaml to try it out:

<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>

The trick is to use the BeginTime propertly of the DoubleAnimation class.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜