Item Animations

RadListView supports item animations that are added or removed from its viewport.

The animations are implemented with the RadAnimation class and can be set through the ItemAddedAnimation and ItemRemovedAnimation properties of RadListView.

By default the animations happen when items are added or removed from the data source, or when the ItemsSource property is reset. This can be controlled through the ItemAnimationMode property which is a flag enum. This means that you can assign multiple values to it. The available values are:

• None
• PlayOnNewSource
• PlayOnAdd
• PlayOnRemove
• PlayOnSourceReset
• PlayAll

Example

Example 1: Setting item animation

• XAML

RadMoveAndFadeAnimation animation = new RadMoveAndFadeAnimation(); 
animation.FadeAnimation.Duration = new Duration(TimeSpan.FromSeconds(3)); 
animation.FadeAnimation.StartOpacity = 0.5; 
animation.FadeAnimation.EndOpacity = 1; 
animation.MoveAnimation.StartPoint = new Point(40,0); 
animation.MoveAnimation.EndPoint = new Point(0, 0); 
animation.MoveAnimation.Duration = new Duration(TimeSpan.FromSeconds(3)); 
 
this.listview.ItemAddedAnimation = animation; 
this.listview.ItemAnimationMode = ItemAnimationMode.PlayOnNewSource | ItemAnimationMode.PlayOnSourceReset;