ホーム > Expression Blend > 0からはじめるExpression Blend再入門

その10:ビヘイビアでアニメーションを再生してみよう

0からはじめるExpression Blend再入門
蜜葉 優@Silverlight Square[著], わにちゃん@ExpressionTech.jp[編集]
2011年5月13日 from Atelier:Mitsuba

はじめに

その8,9でだいぶアニメーションに慣れたと思います。

しかし、まだ一度もStoryboardを実行していませんね。

今回はビヘイビアを使って、ボタンクリックでStoryboardを実行させましょう。

操作方法

  1. まず、適当なアニメーションを作ってください。
    f:id:c-mitsuba:20110425170237p:image
  2. 次にボタンを設置します。
    f:id:c-mitsuba:20110425170324p:image
  3. 左のメニュー>Asset>Behaviorsから、ControlStoryboardAction選択して、アートボードのボタンにドロップします。

    すると、オブジェクトパネルにビヘイビアが表示されました。
    f:id:c-mitsuba:20110425170512p:image
  4. このControlStoryboardActionを選択します。すると、右のパネルが変化します。
    f:id:c-mitsuba:20110425170609p:image
    ここで、なにをしたらどれをどうするか、というのを定義します。
  5. 今回はクリックしたらアニメーションを終了させたいので、

    EventName をClickに(クリックしたら)
    ControlStoryboardOptionをPlayに(再生します)
    StoryboardをStoryboard1に(Storyboard1を)

    ということですね。
    f:id:c-mitsuba:20110425170919p:image
  6. F5キーを押して、ビルドしてみましょう。
    ボタンを押せば、Storyboard1が実行されます。
    f:id:c-mitsuba:20110425171057p:image

次の記事

0からはじめるExpression Blend再入門』最新記事

コメント

▲このページのトップへ