C# アニメーションについて

Question

Gridに複数枚Canvasを配置しています。
これを1コマとみてページ1から順にアニメーション（コマ送り）をしたいと思っています。
どのような方法があるでしょうか。
アニメーションに疎いので誰か教えてください。お願いします。

Answer 1

WPF/UWP でのアニメーションには XAML を使って値を変更するタイプのものが一般的に用いられますが、今回の場合は C# で変更した方が簡単に実装できます。

<DockPanel>
    <Button Click="StartAnimation" Content="スタート" DockPanel.Dock="Top" />
    <Grid>
        <Grid Name="Grid1" Visibility="Visible">
            <Rectangle Fill="Blue" />
        </Grid>
        <Grid Name="Grid2" Visibility="Collapsed">
            <Rectangle Fill="Red" />
        </Grid>
        <Grid Name="Grid3" Visibility="Collapsed">
            <Rectangle Fill="Yellow" />
        </Grid>
        <Grid Name="Grid4" Visibility="Collapsed">
            <Rectangle Fill="Green" />
        </Grid>
        <Grid Name="Grid5" Visibility="Collapsed">
            <Rectangle Fill="Black" />
        </Grid>
    </Grid>
</DockPanel>

private void StartAnimation(object sender, RoutedEventArgs e)
{
    var grids = new[]
    {
        this.Grid1,
        this.Grid2,
        this.Grid3,
        this.Grid4,
        this.Grid5,
    };
    var timer = new DispatcherTimer(DispatcherPriority.Normal) { Interval = new TimeSpan(0, 0, 1) };
    timer.Tick += (_, __) =>
    {
        var current = grids.FirstOrDefault(x => x.Visibility == Visibility.Visible);
        foreach (var grid in grids)
        {
            grid.Visibility = Visibility.Collapsed;
        }
        var index = Array.IndexOf(grids, current);
        var next = index == grids.Length - 1 ? grids[0] : grids[index + 1];
        next.Visibility = Visibility.Visible;
    };
    timer.Start();
}

P.S. 質問の内容から WPF/UWP であると判断しましたが、次から C# の代わりに WPF/UWP をタイトルに付したほうが回答が得られやすいと思います。

Comments

[dylan]

いつもお世話になります。
こういう方法があったんですね。盲点でした。
あとご指摘もありがとうございます。
助かりました。