選択されたコンポーネントに多様な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が適用されます。