通过

动画

  • 项目

.NET Multi-platform App UI (.NET MAUI) 动画类面向视觉元素的不同属性，典型的基本动画在一段时间内逐渐将属性从一个值更改为另一个值。

有关动画的详细信息，请参阅 .NET MAUI 文档。

.NET MAUI 社区工具包动画

.NET MAUI 社区工具包提供了一系列预构建的可重用动画，可在 C# 和 XAML 中使用。 下面是工具包提供的动画：

行为 说明
FadeAnimation FadeAnimation 提供将 VisualElement 的不透明度从其原始不透明度动画到指定的新不透明度，然后返回到原始元素的功能。

创建自定义动画

.NET MAUI 社区工具包提供的所有动画都继承自 BaseAnimation 类。 若要创建所选的任何自定义动画，可以执行相同的操作。

以下示例演示如何使用我们自己的 BackgroundColorTo 扩展方法更改 VisualElement 的 BackgroundColor。

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);
    }
}