[.NET MAUI][アニメーション] アニメーションを停止する

.NET MAUI

.NET MAUI TIPS

2022.10.07

本記事の概要
アニメーションを停止する
.NET MAUI Tips

本記事の概要

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

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

アニメーションを停止する

アニメーションを停止するには、CancelAnimation メソッドを使用します。

以下は START ボタンをクリックすると10秒掛けて360度回転するアニメーションが実行されます。STOPボタンをクリックすると CancelAnimations メソッドが実行され、アニメーションを停止します。

C# の例

private async void myButton_Clicked(object sender, EventArgs e)
{
    myImage.RotateTo(360, 10000);
}

private void myButton2_Clicked(object sender, EventArgs e)
{
    myImage.CancelAnimations();
}

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>
            <HorizontalStackLayout>
                <Button Text="START"
                        Clicked="myButton_Clicked"/>
                <Button Text="STOP"
                        Clicked="myButton2_Clicked"/>
            </HorizontalStackLayout>
            <Image x:Name="myImage" Source="excel.png" 
               WidthRequest="128" HeightRequest="128"/>
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>