パスの頂点のアニメーション化

このページは Silverlight 1 プロジェクトにのみ適用されます

パス上の頂点 (点) をアニメーション化し、変化するシェイプを作成できます。

パスの頂点をアニメーション化するには

  1. Silverlight 1.0 プロジェクトで、Page.xaml ドキュメントに切り替えます。

  2. ストーリーボードが開いていない場合は、[オブジェクトとタイムライン] の [ストーリーボードを開く] Cc296374.d4531c86-5048-481c-a1ca-29af202d28e7(ja-jp,Expression.10).png ボタンをクリックした後、ストーリーボード ピッカーから Storyboard1 を選択します。

    Cc296374.81e08f17-af0e-4d80-858d-334cc728d0d6(ja-jp,Expression.10).png

  3. ツールボックスの [個別選択] Cc296374.6dd6571f-c116-451d-8dd2-1f88b8406362(ja-jp,Expression.10).png ツールをクリックし、MyPath オブジェクトの個別の点 (または頂点) を選択できるようにします。

  4. タイムライン再生ヘッドを 1 秒のマークに移動した後、アートボードで、Alt キーを押しながら MyPath オブジェクト上のいずれかの点をドラッグします。[オブジェクトとタイムライン] で MyPath オブジェクトを展開して、新しいキーフレームが作成された Data という名前の子オブジェクトを表示します。

    Cc296374.326d9375-64e2-40cc-8ff0-31d1570b4758(ja-jp,Expression.10).png

    タイムライン上の別の点でこの手順を繰り返すことができます。

  5. [オブジェクトとタイムライン] でキーフレームを選択し、[プロパティ] パネルの [イージング] でスプライン曲線のエンドポイントをドラッグして、キーフレームのイージング動作を変更します。

    Cc296374.b776b91f-012a-4d93-bc99-8c0d2be1915c(ja-jp,Expression.10).png

  6. F5 キーを押してから、ブラウザ ウィンドウ内をクリックしてアニメーション ストーリーボードをトリガし、アニメーションへの変更をテストします。

    クリッピング パスを含む任意のパス オブジェクトで、頂点アニメーションを使用できます。頂点アニメーションは、Windows Presentation Foundation (WPF) プロジェクトでもサポートされています。

関連項目

概念

クリッピング パスの適用、変更、または削除

ストーリーボードの作成、変更、または削除

サイクルの最後で繰り返しまたは反転させるためのストーリーボードの変更

キーフレーム間のアニメーションの補間の変更