動畫

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

如需更多動畫相關資訊,請參閱 .NET MAUI 文件。

.NET MAUI 社群工具包動畫

.NET MAUI 社群工具包提供一系列預先建置且可重複使用的動畫,可用於 C# 與 XAML。 以下是工具包提供的動畫:

行為 Description
FadeAnimation FadeAnimation 提供讓 VisualElement 的不透明度從原始值以動畫方式變更為指定的新不透明度,然後再回到原始值的功能。

製作自訂動畫

.NET MAUI Community Toolkit 提供的所有動畫皆繼承自我們的 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);
    }
}