c# - Windows 8MetroTextBlockアニメーション

Question

私のメトロアプリには、100％の不透明度にアニメーション化してから、ifステートメントがtrueの場合に0％の不透明度に戻すテキストブロックがあります。どうすればこれを行うことができますか？

私は周りを見回してたくさんのことをしましたが、すべてのアニメーションチュートリアルは私を混乱させています。

Answer 1

C# で次のようにすると、0 から 1 にアニメーション化できます。

var sb = new Storyboard();
opacityAnimation = new DoubleAnimation
{
    From = 0.0,
    To = 1.0,
    Duration = TimeSpan.FromSeconds(1.5)
};
Storyboard.SetTarget(opacityAnimation, textBlock);
Storyboard.SetTargetProperty(opacityAnimation, "Opacity");
sb.Children.Add(opacityAnimation);
sb.Begin();

XAML で定義することもできます。

<Storyboard
    x:Name="fadeInStoryboard"
    Storyboard.TargetName="myTextBlock"
    Storyboard.TargetProperty="Opacity">
    <DoubleAnimation
        From="0"
        To="1.0"
        Duration="0:0:1.5" />
</Storyboard>

-- 次に、コード ビハインドで開始します。

fadeInStoryboard.Begin();

シナリオによっては、視覚的な状態を使用し、ストーリーボードを視覚的な状態遷移として定義するのが理想的な場合があります。