次の方法で共有

アニメーション

  • [アーティクル]

.NET Multi-Platform App UI (.NET MAUI) アニメーション クラスは、ビジュアル要素のさまざまなプロパティを対象とします。一般的な基本アニメーションでは、一定時間にわたってプロパティをある値から別の値に徐々に変化させます。

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

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

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

動作 説明
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);
    }
}