Animations

Take advantage of the different animations that you can use in Cascades, such as translation, rotation, and scaling, as well as supporting features such as easing curves.

You can bring your UI controls to life by adding animations to them. You have access to implicit animations, which are built-in and occur automatically when you change certain properties of your controls. You can also create specific explicit animations that you control precisely, either individually or in a group.

Additional resources

To learn more about animations and how to use them in your apps, visit the Animations documentation.

Members

AbstractAnimation -

Abstract class containing properties inherited by all animations.
AbstractTransition -

Abstract class containing properties inherited by all transitions.
AnimationRepeatCount -

Defines useful constants for animation repeat count.
AnimationState -

States of an animation, like stopped, started, and ended.
EasingCurve -

An abstract class for easing curves that are used with animations.
FadeTransition -

An animation that controls the opacity of a VisualNode.
GroupAnimation -

Abstract class containing properties exposed to group animations.
ImplicitAnimationController -

Controls implicit (automatic) property animations.
ParallelAnimation -

A group animation that plays its children animations in parallel.
RotateTransition -

An animation that rotates a VisualNode around its z-axis.
ScaleTransition -

An animation that scales the size of a VisualNode.
SequentialAnimation -

A group animation that plays its children animations sequentially.
StockCurve -

A set of defined easing curves used for animating properties.
TranslateTransition -

An animation that controls the position of a VisualNode.

4. Educate yourself

The Documentation tab contains tons of examples, tutorials, and best practices to guide you along the path towards building an awesome app.

The documentation for your preferred focus always appears at the top of the left-hand navigation, but you can still access the rest of the documentation at the bottom.

5. Start developing

The Reference tab is where you'll find essential details about how to use our APIs.

You can use the left-hand navigation to choose how you would like to browse the reference: by module, by topic, or alphabetically. If you have an idea of what you are looking for, start typing it in the Filter box.

Animations

Additional resources

Members

1. Choose your focus

2. Download the tools

3. Try the sample apps

4. Educate yourself

5. Start developing