共用方式為

動畫

  • 發行項

.NET 多平臺應用程式 UI （.NET MAUI） 動畫類別會以視覺元素的不同屬性為目標，一般的基本動畫會在一段時間內逐漸將屬性從一個值變更為另一個值。

如需動畫的詳細資訊，請參閱 .NET MAUI 檔。

.NET MAUI 社群工具組動畫

.NET MAUI Community Toolkit 提供預先建置且可重複使用的動畫集合，可用於 C# 和 XAML。 以下是工具組所提供的動畫：

行為 描述
FadeAnimation FadeAnimation可讓您將的不透明度從原始不透明度動畫到指定的新不透明度VisualElement，然後回到原始。

建立自定義動畫

.NET MAUI Community Toolkit 所提供的所有動畫都會繼承自我們的 BaseAnimation 類別。 若要建立您選擇的任何自定義動畫，您可以執行相同的動作。

下列範例示範如何使用我們自己的BackgroundColorTo擴充方法來變更 BackgroundColor 的 VisualElement 。

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