ARTICLE

Silverlight Transition Effects

Posted by Mahadesh Mahalingappa Articles | Silverlight with C# August 19, 2011
Learn silverlight Slide In Transition Effect using Visual State Manager.
Reader Level:

This article is an extension of my previous article http://www.c-sharpcorner.com/UploadFile/Mahadesh/8886/ on Silverlight Slide In Transition Effect using Visual State Manager.
 
Follow exactly the same steps as in the previous article.
 
Now lets get into the xaml code: The xaml should now look like :
 
          
 
        <!-- Visual State Created -->               
        
<VisualStateManager.VisualStateGroups>                           
            
<VisualStateGroup x:Name="PageTrans">                                
                
<VisualStateGroup.Transitions>                                      
                    
<VisualTransition GeneratedDuration="0:0:1">  
                                              
                        
<ei:ExtendedVisualStateManager.TransitionEffect>                                                       
                            
<ee:SlideInTransitionEffect/>                                                   
                        
</ei:ExtendedVisualStateManager.TransitionEffect>  
                                              
                        
<VisualTransition.GeneratedEasingFunction>                                                       
                            
<CubicEase EasingMode="EaseInOut"/>                                                   
                        
</VisualTransition.GeneratedEasingFunction>     
                                      
                    
</VisualTransition>                                   
                
</VisualStateGroup.Transitions>     
                            
                
<VisualState x:Name="Start"/>                               
                
<VisualState x:Name="New"/>   
                         
            
</VisualStateGroup>         
            
        
</VisualStateManager.VisualStateGroups>               
        
<VisualStateManager.CustomVisualStateManager>
 

             <ei:ExtendedVisualStateManager/>             
     
        
</VisualStateManager.CustomVisualStateManager>                
        
<!-- Visual State End-->   
 

Note that Blend SDK not only offers Slide In Effect but there are more as well.
 
Please find the list of Effects offered by Blend 4 sdk.

Effects List in Blend4
 
Just replace the Slide In Effect with each one and run them one by one.
 
Excellent transition Effects without doing anything great. Blend is Great.

Login to add your contents and source code to this article
post comment
     
COMMENT USING
PREMIUM SPONSORS
DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and add new content to existing PDF documents from within your applications.
Join a Chapter
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Join a Chapter