Use DoubleAnimation to animate the Opacity : DoubleAnimation « Animations « Silverlight






Use DoubleAnimation to animate the Opacity

    

<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">
        <Image x:Name="myImage" Source="http://server.com/man.png">
            <Image.Triggers>
                <EventTrigger RoutedEvent="Image.Loaded">
                    <BeginStoryboard>
                        <Storyboard x:Name="myStoryboard">
                            <DoubleAnimation Duration="0:0:1"                                 
                                Storyboard.TargetName="myImage"             
                                Storyboard.TargetProperty="Opacity"            
                                From="0" To="1" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Image.Triggers>
        </Image>

    </Grid>
</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 the To property within DoubleAnimation
3.XAML demonstrating By property within a DoubleAnimation
4.XAML demonstrating From property within DoubleAnimation
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