Animation

選択されたコンポーネントに多様なAnimation Effectを指定することができます。

Preview

Design Windowで選択されたAnimationをプレビューすることができます。

Form Design上のコンポーネントは、Form Design領域内でAnimationを表示しますが、ADLのFrameにAnimationを適用してPreviewを動作する場合は、Form Launchと同じ動作でProjectが実行され、Frameに適用されたAnimationを再生して自動的に消えます。

Composite Animationプロパティ

Composite Animationのプロパティを設定します。


属性

説明

1

ID

Animation ID

2

Duration

Animaiton継続時間

3

Start Time

Trigger発生後のAnimation開始時間

4

Target Comp

Animationをさせるコンポーネント

5

Interpolation

中間値を計算するためのInterpolation 関数指定

Interpolation Graph(Composite Animation)

Animationの動作イメージをグラフで表示します。

Composite Animation Items

Composite Animationに新たなAnimationを追加したり、既存のAnimationをリストから削除することができます。


属性

説明

1

List

Composite Animation Listを表示

2

Add

ListにAnimationを追加

3

Delete

Listで選択されたAnimationをListから削除

Commonプロパティ

Animationの基本プロパティを設定します。


属性

説明

1

ID

Animation ID

2

Duration

Animaiton持続時間

3

Start Time

トリガ発生からのAnimation開始時間

4

Target Comp

Animationをさせるコンポーネント

5

Interpolation

中間値を計算するためのInterpolation関数を指定

Interpolation Graph

Animationの動作イメージをグラフで表示します。

Transition Animationプロパティ


属性

説明

1

Type

Transition Animationの種類

2

Direction

Transition Effectの開始方向

3

Change Prop List

Transition Animation過程後に変更しなければならないstyle prop list

Property Animationプロパティ


属性

説明

1

Target prop

値が反映されるプロパティ

2

From value

開始値

3

To value

終了値

4

By value

現在値からのオフセット値

5

Ending mode

Animation終了時の値の取り扱い方法

Animation Bind

生成されたAnimationは、Drag&Dropでコンポーネントに適用するか、Properties Windowで直接、選択して適用することができます。

Drop&DropでAnimationをコンポーネントに適用すると、Animationの対象となるコンポーネントの属性を選択できるポップアップウィンドウが表示され、適用したい属性を選択するとAnimationが適用されます。