Compartir a través de

Animaciones

  • Artículo

Las clases de animación de .NET Multi-platform App UI (.NET MAUI) tienen como destino diferentes propiedades de elementos visuales, con una animación básica típica que cambia progresivamente una propiedad de un valor a otro durante un período de tiempo.

Para obtener más información sobre las animaciones, consulte la documentación de .NET MAUI.

Animaciones del kit de herramientas de la comunidad de .NET MAUI

El kit de herramientas de la comunidad .NET MAUI proporciona una colección de animaciones precompiladas y reutilizables que pueden usarse en C# y XAML. Estas son las animaciones proporcionadas por el kit de herramientas:

Comportamiento Descripción
FadeAnimation FadeAnimation proporciona la capacidad de animar la opacidad de un VisualElement a partir de su opacidad original, a una nueva opacidad especificada y luego volver al original.

Creación de animaciones personalizadas

Todas las animaciones proporcionadas por el kit de herramientas de la comunidad de .NET MAUI se heredan de la clase BaseAnimation. Puede hacer lo mismo para crear cualquier animación personalizada de su elección.

El ejemplo siguiente muestra cómo cambiar el BackgroundColor de un VisualElement mediante nuestro propio método de extensión 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);
    }
}