コントロール用ビジュアル状態の定義

[アーティクル]
10/11/2017

アプリケーションにインタラクティビティを追加するには、まず、UserControl コントロール、Window コントロール、Page コントロール、またはコントロールテンプレートの各状態に外観を定義し、ユーザーの操作に反応してその状態を切り替えるビヘイビアーやコードを追加します。コントロールが特定の状態になると再生されるアニメーションを作成して、次の状態に徐徐に切り替わるようにすることもできます。

状態グループ

状態グループは、コントロールの表示状態を論理的に分類したものです。1 つのグループに属する複数の状態を同時に表示することはできません。1 つのグループ内で一度に表示できる状態は 1 つだけですが、別々のグループに属する状態を同時に表示することはできます。

たとえば、トランプを表す UserControl コントロールで作業していて、カードが表向き (FaceUp) と裏向き (FaceDown) という状態を含む "SideDisplayed" という状態グループがあるとします。また、ポインターをカードの上に置いたとき (MouaseOver)、およびカードをクリックしたとき (Click) にカードの外観が変わる状態を含む MouseInteraction という状態グループがあるとします。カードが表向きのときに、その上でポインターを動かすことができます。これは、この 2 つの状態が別々の状態グループにあるからです。しかし、カードを同時に表向きと裏向きにすることはできません。これは、この 2 つの状態が同じ状態グループに含まれているからです。

状態グループとトランプの状態

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

詳細については、「ユーザーコントロールのビジュアル状態および切り替え時間の定義」を参照してください。

状態

状態を 1 つ選択すると、その状態の変更の記録が開始されます。状態の記録を無効にするには、記録ボタン Ee371169.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(ja-jp,Expression.40).png をクリックするか、[状態] パネルで [ベース] を選択します。1 つの状態グループに属する状態の外観を変更するときに、別のグループに属する状態も見たい場合は、1 つ目の状態の記録モードをオンにして、2 つ目の状態のプレビューを固定します。