Designing animations part 3 — Using curves
Linear movement exists only in theoretical physics. Why not make the movement a bit more realistic with ease-in and ease-out curves?
In general, CurvedAnimations
provide a more realistic and visually appealing movement, and a variety of pre-built curves to choose from, like ease-in, ease-out, and bounce.
In this recipe, you will add a curve to the animation you built in parts 1 and 2 of Designing animations, so that the ball will start moving slowly, then increase its speed, and then slow down again before stopping.
By the end of this recipe, you will understand how to add curves to your animations, making them more realistic and appealing.
Getting ready
To follow along with this recipe, you need the app built in the previous two recipes: Designing animations part 1 — VSync and the AnimationController and Designing animations part 2 — Adding multiple animations.
How to do it...
In this recipe...