开发者

WPF Animation Pause/Continue

开发者 https://www.devze.com 2022-12-08 01:58 出处:网络
I\'m experimentin开发者_开发技巧g with WPF animations, and I\'m a bit stuck. Here\'s what I need to do:

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

精彩评论

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