Assigning custom animations to elements in XAML

How many animations will you notice if you open any app on your phone and navigate through a few screens? Even though animations are not usually part of the core functionality, they play an important role in the user experience by bringing the interface to life and highlighting important elements.

While .NET MAUI offers methods for animating elements in C#, it doesn’t have a built-in API to define animations declaratively in XAML. Fortunately, CommunityToolkit.Maui provides the AnimationBehavior and BaseAnimation classes for this task. AnimationBehavior is attached to a UI element and serves as a container for an animation. BaseAnimation is a base class for built-in animations that implement animating logic. In this recipe, we will use these capabilities to create a blinking animation when a button appears on the screen.

Getting ready

To follow the steps described in this recipe, we just need to create a blank .NET MAUI...