Silverlight Transition Effects


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.


Similar Articles