Telerik UI for Windows Phone by Progress

RadScaleAndMoveAnimation allows the creating of scaling animations for elements in combination with smoothly moving them from and to given coordinates. As part of the Telerik's Windows Phone Animation Framework, RadScaleAndMoveAnimation can be easily tweaked to meet specific requirements.

The specific properties for RadScaleAndMoveAnimation are:

  • ScaleAnimation - represents the used scale animation part. It is of type RadScaleAnimation and allows you to configure the fade animation behavior. Read more here.
  • MoveAnimation - represents the used move animation part. It is of type RadMoveAnimation and allows you to configure the move animation behavior. Read more here.

To create such an animation you have to use the RadScaleAndMoveAnimation class.

<telerikCore:RadScaleAndMoveAnimation x:Key="scaleMoveAnimation" />
RadScaleAndFadeAnimation scaleFadeAnimation = this.Resources["scaleFadeAnimation"] as RadScaleAndFadeAnimation;
scaleFadeAnimation.FadeAnimation.StartOpacity = 1.0;
scaleFadeAnimation.FadeAnimation.EndOpacity = 0.2;
scaleFadeAnimation.ScaleAnimation.StartScaleX = 1.0;
scaleFadeAnimation.ScaleAnimation.EndScaleX = 0.1;
scaleFadeAnimation.ScaleAnimation.StartScaleY = 1.0;
scaleFadeAnimation.ScaleAnimation.EndScaleY = 0.1;