XAML demonstrating the To property within DoubleAnimation : DoubleAnimation « Animations « Silverlight






XAML demonstrating the To property within DoubleAnimation

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

    <Canvas x:Name="LayoutRoot" Background="White">
        <Canvas.Triggers>
            <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                    <Storyboard x:Name="myStoryboard">
                        <DoubleAnimation Storyboard.TargetProperty="Opacity" 
                            Storyboard.TargetName="myEllipse" Duration="0:0:1" 
                            From=".75" To="0" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Canvas.Triggers>
        <Ellipse x:Name="myEllipse" Canvas.Top="100" Canvas.Left="100" Stroke="Black" StrokeThickness="2" Fill="Yellow" Height="50" Width="50" />
    </Canvas>
</UserControl>

   
    
    
    
  








Related examples in the same category

1.XAML demonstrating absence of From property within DoubleAnimationXAML demonstrating absence of From property within DoubleAnimation
2.XAML demonstrating By property within a DoubleAnimation
3.XAML demonstrating From property within DoubleAnimation
4.Use DoubleAnimation to animate the Opacity
5.Timeline with offset of 5 seconds
6.Use DoubleByAnimation to control animationUse DoubleByAnimation to control animation
7.Moves a rectangle right 100 pixels and then left 50 pixelsMoves a rectangle right 100 pixels and then left 50 pixels
8.Animation with a fast speed