Animations

Les classes d’animation .NET Multi-platform App UI (.NET MAUI) ciblent différentes propriétés d’éléments visuels, avec une animation classique de base qui change progressivement une propriété d’une valeur à une autre au cours d’une certaine période.

Pour plus d’informations sur les animations, reportez-vous à la documentation .NET MAUI.

Animations du kit d’outils de la communauté .NET MAUI

Le kit d’outils de la communauté .NET MAUI fournit une collection d’animations prédéfinies et réutilisables qui peuvent être utilisées dans C# et XAML. Voici les animations fournies par le kit d’outils :

Comportement	Description
FadeAnimation	FadeAnimation permet d’animer l’opacité d’un VisualElement de son opacité d’origine vers une nouvelle opacité spécifiée, puis de revenir à l’original.

Création d’animations personnalisées

Toutes les animations fournies par le kit d’outils de la communauté .NET MAUI héritent de notre classe BaseAnimation . Pour créer l’animation personnalisée de votre choix, vous pouvez faire de même.

L’exemple suivant montre comment modifier la BackgroundColor d’un VisualElement à l’aide de notre propre méthode d’extension BackgroundColorTo.

using CommunityToolkit.Maui.Extensions;

class PaintTheRainbowAnimation : BaseAnimation
{
    public override async Task Animate(VisualElement view)
    {
        await view.BackgroundColorTo(Colors.Red);
        await view.BackgroundColorTo(Colors.Orange);
        await view.BackgroundColorTo(Colors.Yellow);
        await view.BackgroundColorTo(Colors.Green);
        await view.BackgroundColorTo(Colors.Blue);
        await view.BackgroundColorTo(Colors.Indigo);
        await view.BackgroundColorTo(Colors.Violet);
    }
}