Telerik UI for Windows Phone by Progress

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

The specific properties for RadScaleAndFadeAnimation are:

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

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

<telerikCore:RadScaleAndFadeAnimation x:Key="scaleFadeAnimation" />
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;