|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/xamarinforms-intermedio-animaciones-profesionales/
课程评论：没有评论
这是一个关于 Xamarin.Forms 中动画的 Coursera 课程摘要。 **课程名称:** Xamarin.Forms 进阶：专业动画 **课程概述:** 本课程深入介绍了 Xamarin.Forms 中使用 `ViewExtensions` 类创建和管理专业级动画的方法。`ViewExtensions` 类提供了丰富的扩展方法，可以方便地对 `VisualElement` 的各种属性进行动画处理，包括： * **取消动画:** `CancelAnimations` 方法可以停止任何正在进行的动画。 * **渐变动画:** `FadeTo` 方法用于平滑地改变元素的透明度（Opacity）。 * **缩放动画:** `ScaleTo`、`ScaleXTo`、`ScaleYTo` 用于对元素的尺寸进行缩放；`RelScaleTo` 用于增量式缩放。 * **旋转动画:** `RotateTo`、`RotateXTo`、`RotateYTo` 用于沿不同轴旋转元素；`RelRotateTo` 用于增量式旋转。 * **位移动画:** `TranslateTo` 用于控制元素的平移（TranslationX 和 TranslationY）。 **核心要点:** * **异步操作:** `ViewExtensions` 提供的所有动画方法都是异步的，返回一个 `Task` 对象。 * **`await` 的应用:** 使用 `await` 关键字可以精确控制动画的执行顺序，实现动画的连续播放。当 `await` 被使用时，动画完成后 `Task` 返回 `false`；如果动画被取消，则返回 `true`。 * **后台动画:** 可以通过省略 `await` 关键字，将动画设置为在后台独立执行，从而实现更复杂的动画组合。 * **示例：旋转动画:** 课程通过具体的 C# 代码示例（如 `RotateTo` 方法）演示了如何实现一个将 `Image` 元素旋转 360 度的动画，并解释了动画完成后的属性重置操作，以确保后续动画的正确执行。 **总结:** 本课程为开发者提供了在 Xamarin.Forms 应用中创建视觉吸引力动画的实用工具和技术，重点在于利用 `ViewExtensions` 类的异步方法，通过 `await` 控制动画流程，并介绍了如何实现后台动画和连续动画，以提升用户体验。
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 Taskobjeto. 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ónEl siguiente ejemplo de código demuestra el uso del RotateTométodo para animar la Rotationpropiedad de un Image:C#Dupdoawait 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:
