[.NET MAUI][アニメーション] アニメーションの同時実行

.NET MAUI TIPS .NET MAUI
.NET MAUI TIPS
スポンサーリンク

本記事の概要

この記事ではアニメーションを同時実行する方法について説明します。

公式サイト情報はコチラを参照してください。

アニメーションを実行する例

アニメーションを実行する例

アニメーションを同時実行する

アニメーションを同時実行するには、Task.WhenAny を使用します。

以下は START ボタンをクリックすると2秒掛けて360度回転するアニメーションと2倍に拡大するアニメーションが同時実行され、最後にした後、2倍に拡大し、最後に等倍にするというアニメーションを実行します。

C# の例

private async void myButton_Clicked(object sender, EventArgs e)
{
    await Task.WhenAny
    (
        myImage.RotateTo(360, 2000),
        myImage.ScaleTo(2, 2000)
    );
    await myImage.ScaleTo(1, 2000);
}

XAML の例

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiAppSample.MainPage">

    <ScrollView>
        <VerticalStackLayout>
            <Button Text="START"
                    Clicked="myButton_Clicked"/>
            <Image x:Name="myImage" Source="excel.png" 
               WidthRequest="128" HeightRequest="128"/>
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>
アニメーションを実行する例

アニメーションを実行する例

.NET MAUI Tips

本サイトでまとめている .NET MAUI Tips の一覧はこちらから確認できます。

Please follow and like us:

コメント

タイトルとURLをコピーしました