ColorAnimationExtensions

ColorAnimationExtensions proporciona una serie de métodos de extensión que admiten la animación de las propiedades relacionadas Color de VisualElement.

ColorAnimationExtensions se puede encontrar en el espacio de nombres de CommunityToolkit.Maui.Extensions, por lo que basta con agregar la siguiente línea para empezar:

using CommunityToolkit.Maui.Extensions;

BackgroundColorTo

El método BackgroundColorTo permite animar el cambio de BackgroundColor de un VisualElement.

Sintaxis

En el ejemplo siguiente se muestra cómo animar BackgroundColor desde Colors.White a Colors.Red para un Label:

using CommunityToolkit.Maui.Extensions;

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

await label.BackgroundColorTo(Colors.Red);

La lista de argumentos completa del método BackgroundColorTo es la siguiente:

• color, de tipo Color, es el color de destino al que animar los BackgroundColor de VisualElement.
• rate, de tipo uint, es la hora, en milisegundos, entre los fotogramas de la animación. Se trata de un argumento opcional, cuyo valor predeterminado es 16.
• length, de tipo uint, duración de la animación en milisegundos. Este es un argumento opcional, cuyo valor predeterminado es 250.
• easing, de tipo Easing, es la función de aceleración que se va a usar en la animación. Este argumento es opcional y null es el valor predeterminado.

TextColorTo

El método TextColorTo permite animar el cambio de TextColor de una implementación ITextStyle.

using CommunityToolkit.Maui.Extensions;

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

await label.TextColorTo(Colors.Red);

La lista de argumentos completa del método TextColorTo es la siguiente:

• color, de tipo Color, es el color de destino al que animar los BackgroundColor de VisualElement.
• rate, de tipo uint, es la hora, en milisegundos, entre los fotogramas de la animación. Se trata de un argumento opcional, cuyo valor predeterminado es 16.
• length, de tipo uint, duración de la animación en milisegundos. Este es un argumento opcional, cuyo valor predeterminado es 250.
• easing, de tipo Easing, es la función de aceleración que se va a usar en la animación. Este argumento es opcional y null es el valor predeterminado.

Nota:

El método TextColorTo se genera en tiempo de compilación mediante el uso de generadores de origen. Esto se debe al hecho de que ITextStyle.TextColor es de solo lectura. Puede encontrar el código fuente del generador de origen en nuestro repositorio de GitHub del kit de herramientas de la comunidad de .NET MAUI.

Ejemplos

Puede encontrar un ejemplo de esta extensión en acción en la aplicación de ejemplo del kit de herramientas de la comunidad de .NET MAUI.

API

Puede encontrar el código fuente de ColorAnimationExtensions en el repositorio de GitHub del Kit de herramientas de la comunidad de .NET MAUI.