Chapter 8 Advanced UI Concepts

Cancelling Animations

Providing the ability to cancel an animation can be an extremely valuable feature for a user. Quite often in applications, and predominantly games, an animation will show when an action completes. Animations like this if blocking can become tiresome for users especially if the same animation repeats frequently. Therefore, a common pattern to follow is when the user taps on the control being animated, it cancels the animation.

If you wish to cancel an animation, you can call the CancelAnimations extension method on the VisualElement that you are animating.

AddWidgetFrame.CancelAnimations();

Easings

Animations in general will move mechanically as a computer changes a value over time. Easings allow you to move away from a linear update of those values in order to provide a much more organic and natural motion.

.NET MAUI offers a whole host of prebuilt easings, plus there is even the ability to build your own if you really wish to do so. Let’s take a look at the options that .NET MAUI provides out of the box:

246