ColorAnimationExtensions

Les ColorAnimationExtensions fournissent une série de méthodes d’extension qui permettent d’animer les propriétés de type Color d’un élément VisualElement.

Les ColorAnimationExtensions se trouvent sous l’espace de noms CommunityToolkit.Maui.Extensions. Pour commencer, il vous suffit donc d’ajouter la ligne suivante :

using CommunityToolkit.Maui.Extensions;

BackgroundColorTo

La méthode BackgroundColorTo vous permet d’animer la modification de la propriété BackgroundColor d’un élément VisualElement.

Syntaxe

L’exemple suivant montre comment animer la propriété BackgroundColor de Colors.White à Colors.Red pour un Label :

using CommunityToolkit.Maui.Extensions;

var label = new Label
{
    BackgroundColor = Colors.White
};

await label.BackgroundColorTo(Colors.Red);

Voici la liste complète des arguments pour la méthode BackgroundColorTo :

• color, de type Color, désigne la couleur cible pour animer la propriété BackgroundColor de VisualElement.
• rate, de type uint, désigne le temps, en millisecondes, entre les images de l’animation. Ce paramètre facultatif est défini sur 16 par défaut.
• length, de type uint, désigne la durée de l’animation en millisecondes. Ce paramètre facultatif est défini sur 250 par défaut.
• easing, de type Easing, désigne la fonction d’accélération à utiliser dans l’animation. Ce paramètre facultatif est défini sur null par défaut.

TextColorTo

La méthode TextColorTo vous permet d’animer la modification de la propriété TextColor d’une implémentation ITextStyle.

using CommunityToolkit.Maui.Extensions;

var label = new Label
{
    TextColor = Colors.Green
};

await label.TextColorTo(Colors.Red);

Voici la liste complète des arguments pour la méthode TextColorTo :

• color, de type Color, désigne la couleur cible pour animer la propriété BackgroundColor de VisualElement.
• rate, de type uint, désigne le temps, en millisecondes, entre les images de l’animation. Ce paramètre facultatif est défini sur 16 par défaut.
• length, de type uint, désigne la durée de l’animation en millisecondes. Ce paramètre facultatif est défini sur 250 par défaut.
• easing, de type Easing, désigne la fonction d’accélération à utiliser dans l’animation. Ce paramètre facultatif est défini sur null par défaut.

Exemples

Vous trouverez un exemple de cette extension en action dans l’exemple d’application du kit d’outils de la communauté .NET MAUI.

API

Vous pouvez trouver le code source deColorAnimationExtensions sur le référentiel du kit de ressources de la communauté .NET MAUI sur GitHub.