ユーザー コントロールのビジュアル状態および切り替え時間の定義

  • [アーティクル]

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

独自のユーザー コントロールを作成するとき、カスタム状態および状態グループを追加して、ユーザー コントロールの各状態に対してさまざまな外観を定義できます。たとえば、ユーザー コントロールがトランプを表している場合は、FaceUp および FaceDown 状態を設定するといいでしょう。

Dd185499.alert_note(ja-jp,Expression.10).gifメモ :

ボタンなどのシステム コントロールのテンプレートについては、変更時に既定の状態グループおよび状態が既に存在しています。新しい状態グループや状態を追加することはできません。

ユーザー コントロールの状態グループを定義するには

  1. ユーザー コントロールがまだない場合は、Silverlight 2 プロジェクトで新規のユーザー コントロールを作成し、XAML ファイルを開いて編集できます (詳細は、「Silverlight 2 プロジェクトでの新しいユーザー コントロールの作成」を参照してください)。

    Dd185499.alert_tip(ja-jp,Expression.10).gifヒント :

    メイン ドキュメント (通常は Page.xaml) の状態グループを定義することも可能です。

  2. [組み合わせ] パネルの [状態] ページには、ユーザー コントロールにあるオブジェクトの既定の外観が表示されています。ドキュメントにオブジェクトを追加する必要がある場合など、状態記録モードを終了したいときは必ず、[ベース] を選択できます。

    Dd185499.2daa57d7-1466-43ca-86e8-960aaa384148(ja-jp,Expression.10).png

  3. [ステート] で、[状態グループの追加] Dd185499.46de5414-36ac-4603-9fd6-aa55fc2c8093(ja-jp,Expression.10).png ボタンをクリックします。

    新しい状態グループが追加されます。新しい名前を入力できるよう名前は強調表示されています。

    Dd185499.b3335795-6267-4f9d-8fa2-618c40ff2f32(ja-jp,Expression.10).png

    これで状態を状態グループに追加できます。また、状態グループをさらに追加することもできます。

状態を状態グループに追加するには

  1. [ステート] で、状態グループ名の隣の [状態の追加] Dd185499.1a937ec9-9a57-4cb9-9187-275e73c9fc8b(ja-jp,Expression.10).png ボタンをクリックします。

    新しい状態が状態グループに追加されます。新しい名前を入力できるよう名前は強調表示されています。

    Dd185499.91a3aada-a295-40c0-bed8-c7bc572df7d9(ja-jp,Expression.10).png

  2. 状態記録をオンにする状態を選択します。ドキュメントのオブジェクトの外観への変更が、選択した状態に対して記録されます。

    Dd185499.59996960-c66b-4be0-abc9-5509c79f3a5d(ja-jp,Expression.10).png

    Dd185499.alert_tip(ja-jp,Expression.10).gifヒント :

    状態および状態グループを指定するときは、表示するユーザー コントロールのすべてのビジュアル状態を考慮し、同時に表示したくない状態を確認します。状態グループでは一度に 1 つの状態しか表示できないため、これらの状態は同じ状態グループ一覧に含めます。たとえば、次のイメージは、トランプ ゲームのカードを表すユーザー コントロールを示しています。状態グループとしては、MouseInteraction と SideDisplayed の 2 つが定義されています。MouseInteraction 状態グループには、Click、MouseOver、および Normal の状態が含まれています。これらの状態は、同時に表示されることはありません。SideDisplayed 状態グループには、カードが表向きの FaceUp 状態と裏向きの FaceDown 状態があります。表向きのカードの上にマウス ポインタを置くことができるのは、この 2 つの状態が異なる状態グループに含まれているからです。

    Dd185499.4fecf399-1962-4668-86e7-efe1a485cbc1(ja-jp,Expression.10).png

ユーザー コントロールの切り替え効果の再生時間を設定して状態を切り替えるには

  • ユーザー コントロールの切り替え時間を設定して状態グループ内の任意の 2 つの状態間を切り替えるには、[既定の切り替え効果の再生時間] ボックス内をクリックして新しい時間を入力します。これにより、ユーザー コントロールが状態グループ内の他の任意の状態に切り替わるための時間、またはその状態から切り替わるための時間が設定されます。

    Dd185499.d1eabf30-62d2-47ae-a52b-453c702b9358(ja-jp,Expression.10).png

  • 特定の切り替えについて既定の切り替え効果の再生時間を上書きするには、状態の隣の [切り替え効果の追加] Dd185499.6023baa2-015d-4eb5-93d4-7c79f0d69e90(ja-jp,Expression.10).png ボタンをクリックし、表示された切り替え効果の一覧から特定の効果を選択します。マウス ポインタによって強調表示される次のイメージのリスト項目は、"Click 状態から他の任意の状態へ" を意味します。ここで、矢印は "～へ (切り替え先)" を、アスタリスク (*) は、"任意の状態" を表します。

    Dd185499.1ed8d611-1ce5-4101-ad73-54aa166c4e9a(ja-jp,Expression.10).png

    [切り替え効果の再生時間] ボックス内をクリックし、新しい時間を入力します。

    Dd185499.de14af5e-81fd-4f47-a668-41552a565714(ja-jp,Expression.10).png

トラブルシューティング

次の手順