Animations

Les classes d’animation de l’interface utilisateur d’application multiplateforme .NET (.NET MAUI) ciblent différentes propriétés d’éléments visuels, avec une animation de base classique changeant progressivement une propriété d’une valeur à une autre sur une période de temps.

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

animations .NET MAUI Community Toolkit

La .NET MAUI Community Toolkit fournit une collection d’animations prédéfinis et réutilisables qui peuvent être utilisées dans C# et XAML. Voici les animations fournies par le kit de ressources :

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

Création d’animations personnalisées

Toutes les animations fournies par .NET MAUI Community Toolkit héritent de notre classe BaseAnimation. Pour créer une animation personnalisée de votre choix, vous pouvez faire de même.

L’exemple suivant montre comment modifier le 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);
    }
}