New to Telerik UI for WinUI? Download free 30-day trial

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

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; 

See Also

In this article
Not finding the help you need?