Comparte si te a gustado:

Xamarin.forms intermedio: animaciones profesionales

Publicado en 06 Aug 2024

Udemy UK

Lo que aprenderás

  • Patrón de software MVVM
  • Xaml
  • Dominio de animaciones
  • Funciones avanzadas de xamarin forms

Requisitos

  • Tener conocimientos de Xamarin forms a nivel básico

Descripción

La clase ViewExtensions proporciona métodos de extensión que se pueden usar para construir animaciones simples. Este artículo muestra cómo crear y cancelar animaciones mediante la clase ViewExtensions.

La ViewExtensionsclase proporciona los siguientes métodos de extensión que se pueden usar para crear animaciones simples:

  • CancelAnimationscancela cualquier animación.

  • FadeToanima la Opacitypropiedad de un VisualElement.

  • RelScaleToaplica un aumento o disminución incremental animado a la Scalepropiedad de un VisualElement.

  • RotateToanima la Rotationpropiedad de un VisualElement.

  • RelRotateToaplica un aumento o disminución incremental animado a la Rotationpropiedad de un VisualElement.

  • RotateXToanima la RotationXpropiedad de un VisualElement.

  • RotateYToanima la RotationYpropiedad de un VisualElement.

  • ScaleToanima la Scalepropiedad de un VisualElement.

  • ScaleXToanima la ScaleXpropiedad de un VisualElement.

  • ScaleYToanima la ScaleYpropiedad de un VisualElement.

  • TranslateToanima las propiedades TranslationXy TranslationYde un VisualElement.

Los métodos de extensión de animación en la ViewExtensionsclase son todos asíncronos y devuelven un Task<bool>objeto. El valor devuelto es falsesi la animación se completa y truesi se cancela. Por lo tanto, los métodos de animación normalmente deben usarse con el awaitoperador, lo que hace posible determinar fácilmente cuándo se ha completado una animación. Además, entonces es posible crear animaciones secuenciales con métodos de animación posteriores ejecutándose después de que se haya completado el método anterior. Para obtener más información, consulte Animaciones compuestas .

Si hay un requisito para permitir que una animación se complete en segundo plano, entonces awaitse puede omitir el operador. En este escenario, los métodos de extensión de animación regresarán rápidamente después de iniciar la animación, con la animación en segundo plano. Esta operación se puede aprovechar al crear animaciones compuestas. Para obtener más información, consulte Animaciones compuestas .


Rotación

El siguiente ejemplo de código demuestra el uso del RotateTométodo para animar la Rotationpropiedad de un Image:

C#Dupdo

await image.RotateTo (360, 2000);

image.Rotation = 0;


Este código anima la Imageinstancia rotando hasta 360 grados durante 2 segundos (2000 milisegundos). El RotateTométodo obtiene el Rotationvalor de la propiedad actual para el inicio de la animación y luego gira desde ese valor hasta su primer argumento (360). Una vez que se completa la animación, la Rotationpropiedad de la imagen se restablece a 0. Esto garantiza que la Rotationpropiedad no permanezca en 360 después de que finalice la animación, lo que evitaría rotaciones adicionales.

Las siguientes capturas de pantalla muestran la rotación en curso en cada plataforma:


¿Para quién es este curso?

  • Desarrolladores de C#

Debes tener en cuenta que los cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente boton:

(Cupón válido para las primeras 1000 inscripciones): EXCLUSIVOUDEMYAGOSTO
Udemy UK
Tags:

Articulos Relacionados

content

Excel Profesional 2022– Para Empresas!

Accede a conocimientos indispensables de Excel en el mundo de los negocios.¡El curso Excel más actualizado este 2021!

Ir al Curso
content

C# desde 0: Inicia tu carrera como programador

Tu guía definitiva para aprender a programar

Ir al Curso
content

Programacion con Python

Aprende programacion con Python

Ir al Curso
Suscríbete a nuestro boletín
Reciba los últimos Cupones y promociones (Solicitar Cupón)