An animation that uses the playback methods and the Completed event : Storyboard « Animations « Silverlight






An animation that uses the playback methods and the Completed event

    
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>

    <Grid x:Name="LayoutRoot" Background="White">
        <MediaElement x:Name="myMediaElement" 
            Source="http://server.com/video2.wmv"                  
            AutoPlay="True" MouseLeftButtonUp="myMediaElement_MouseLeftButtonUp"    
            RenderTransformOrigin="0.5,0.5">
            <MediaElement.Resources>
                <Storyboard x:Name="myStoryboard1" Completed="myStoryboard1_Completed">
                    <DoubleAnimation Storyboard.TargetName="myMediaElement"             
                        Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)"             
                        From="0" To="360" Duration="00:00:02" />
                </Storyboard> 
                <Storyboard x:Name="myStoryboard2">
                    <DoubleAnimation Storyboard.TargetName="myMediaElement" Storyboard.TargetProperty="Opacity"                              
                        From="1" To="0" Duration="00:00:02" />
                </Storyboard>
            </MediaElement.Resources>
            <MediaElement.RenderTransform>
                <TransformGroup>
                    <RotateTransform Angle="0"/>
                </TransformGroup>
            </MediaElement.RenderTransform>
        </MediaElement>
    </Grid>
</UserControl>


//File: Page.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void myStoryboard1_Completed(object sender, EventArgs e)
        {
            myStoryboard2.Begin();            
        }

        private void myMediaElement_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            myStoryboard1.Begin();            
        }
    }
}

   
    
    
    
  








Related examples in the same category

1.Rectangle Trigger and StoryboardRectangle Trigger and Storyboard
2.Storyboard EventsStoryboard Events
3.Storyboard PropertiesStoryboard Properties
4.Storyboard as ResourceStoryboard as Resource
5.Events of StoryBoardEvents of StoryBoard
6.Use two storyboards to control the slidein and slideoutUse two storyboards to control the slidein and slideout
7.Defining a Storyboard as a resource
8.Starting a Storyboard from code-behind
9.Syntax of Storyboard element with multiple animations
10.Animation overriding target of its parent StoryboardAnimation overriding target of its parent Storyboard
11.Start a story board with code
12.Pausing and resuming a storyboard with triggers