You can apply various animation effects to selected component.
Preview
You can see the preview of animation selected in the Design Window.
Components on Form Design shows Animation in the Form Design territory, but when running preview by applying animation to ADL frame, project will be run with same actions with Form Launch, so it will play animation applied on frame and disappear automatically.
Composite Animation Properties
Set up Composite Animation Properties.
Properties | Description | |
|---|---|---|
1 | ID | Animation ID |
2 | Duration | Animation duration time |
3 | Start Time | Animation start time after trigger |
4 | Target Comp | Components with animation |
5 | Interpolation | Set interpolation function to calculate intermediate value |
Interpolation Graph(Composite Animation)
Express expected animation movement in a graph form.
Composite Animation Items
You can add new animation in composite animation or delete existing animation from the list.
Properties | Description | |
|---|---|---|
1 | List | Show Composite Animation List |
2 | Add | Add animation to list |
3 | Delete | Delete selected animation from list |
Common Properties
Set up common properties of animation.
Properties | Description | |
|---|---|---|
1 | ID | Animation ID |
2 | Duration | Animation duration time |
3 | Start Time | Animation start time after trigger |
4 | Target Comp | Component with animation |
5 | Interpolation | Set interpolation function to calculate intermediate value |
Interpolation Graph
Express expected animation movement in a graph form
Transition Animation Properties
Properties | Description | |
|---|---|---|
1 | Type | Type of Transition Animation |
2 | Direction | Direction of Transition Effect |
3 | Change Prop List | Style prop list which should be changed after Transition Animation |
Properties Animation Properties
Properties | Description | |
|---|---|---|
1 | Target prop | Properties which intermediate value will be applied to |
2 | From value | Start value |
3 | To value | End value |
4 | By value | Value of offset from current value |
5 | Ending mode | Definition of value to be maintained when ending animation |
Animation Bind
Created animation can be applied to components by drag & drop or by selecting them directly at Properties Window.
If you apply animation to component by using drag & drop, a popup window where you can select the properties of target component will appear. After you select properties, animation will be applied.