初めてのSilverlight

I,S Silverlight C#

Silverlightでのアニメーションについて

■環境

  • Windows7
  • VisualStudio2010
  • Silverlilght4.0

■ラベルの配置
アニメーションを設定する前に動作させるオブジェクトの設置から行います。



■アニメーションの設定について
ページを構成するxamlファイル内のCanvasタグに子ノードCanvas.Triggersタグを設置
その中にアニメーションの開始トリガーを設定することでアニメーションを開始


今回はページ（キャンバス）をロードした際に動くアニメーションを設定します。
Canvas.Triggersタグに子ノードEventTriggerタグを設置し、RoutedEvent="Canvas.Loaded"を設定することでページをロードした際にアニメーションを開始するように作ります。



■ラベルの移動
BeginStoryboardタグ内にStoryboardタグを設置
複数のStoryboardを設置できるように属性に x:Name="Timeline1を設定。
時間軸を設定。


DoubleAnimationUsingKeyFramesタグに移動するオブジェクト名、値を変更するプロパティを指定


DoubleAnimationUsingKeyFramesタグにキーフレームとして子ノードSplineDoubleKeyFrameタグを設置
移動先とキーの時間を設定

以上でプロジェクトを実行すると設定された値に移動を行います。
次回は各プロパティに関しての詳細を纏めたいと思います。