状態間の遷移を追加する

状態間の動きをスムーズにするには、Transitions 、状態間の変化をアニメーション化することができます。

まず、States のビューで状態を追加し、Properties のビューで、色や数値など、アニメートできるプロパティを編集します。例えば、コンポーネントの位置の変化をアニメートすることができます。

Transitions では、各プロパティの遷移の開始フレーム、終了フレーム、および持続時間を設定できます。また、各アニメーションのイージングカーブや、トランジション全体の最大継続時間も設定できます。

トランジションのズーム

ツールバーのスライダーを使って、Transitions のズームレベルを設定します。 と ボタンを選択して、ビューをズームアウトまたはズームインします。

状態間のトランジションをアニメートする

トランジションをアニメーション化するには

1. View >Views >Transitions を選択します。

   

2. トランジションを追加するには、 (Add Transition) を選択します。これは、少なくとも1つの状態を追加し、その中の少なくとも1つのプロパティを変更した場合にのみ機能します。

   

3. コンポーネント名またはプロパティ名の横にある青いバーを動かして、プロパティのアニメーションの開始フレームと終了フレームを設定します。その左右の端を引っ張って、アニメーションの継続時間を設定します。
4. 選択したトランジションにイージングカーブを付けるには、 (Easing Curve Editor (C)) ボタンを選択します。

トランジション設定の指定

トランジション設定を変更するには、Transitions で (Transition Settings (S)) を選択します。

トランジションを追加するには

1. (Add Transition) を選択します。
2. Transition ID で、トランジションの ID を入力します。
3. From で、トランジション元の状態を選択します。
4. To で、遷移先の状態を選択します。

現在のトランジションを削除するには、 (Remove Transition) ボタンを選択します。

状態グループを変更するには、State Group から選択します。