アニメーション

.NET マルチプラットフォーム アプリ UI (.NET MAUI) アニメーション クラスは、さまざまなビジュアル要素のプロパティを対象とします。一般的な基本的なアニメーションでは、一定期間にわたってプロパティをある値から別の値に徐々に変更します。

アニメーションの詳細については、.NET MAUIドキュメントを参照してください。

.NET MAUI Community Toolkit アニメーション

.NET MAUI Community Toolkit には、C# と XAML の両方で使用できる、事前に構築された再利用可能なアニメーションのコレクションが用意されています。 ツールキットによって提供されるアニメーションを次に示します。

カスタム アニメーションの作成

.NET MAUI Community Toolkit によって提供されるすべてのアニメーションは、BaseAnimation クラスから継承されます。 任意のカスタム アニメーションを作成するには、同じ操作を行うことができます。

次の例は、独自のBackgroundColor拡張メソッドを使用して、VisualElementのBackgroundColorToを変更する方法を示しています。

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