Animation of controls

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Overview
How to proceed?
Configuring the animation of controls at project level
Modifying the animation parameters for a specific control
Configuring the animation of controls by programming
Animating a sequence of actions
Functions for managing the animation of controls
Remark

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Animation of controls

Overview

You have the ability to animate the controls found in a window.

This animation can be configured:

in the options of the project: The project options are used to animate some operations performed in some types of controls. You have the ability to animate:
- the scroll performed in the table rows or in the looper rows,
- the change of month in a Calendar control,
- the DDW feature (Dim Disabled Windows),
- the change of plane,
- the change of tab.
If an animation was defined for the project, this animation will be used for all the corresponding controls found in the project. In this case, the animations associated with the control can be modified for each control ("Style" tab of the control).
by programming: Advanced animations used to manage the change of status for a control can be defined by programming. You have the ability to animate the appearance of controls in a window for example.

Only the animation by programming is available.

Versions 18 and later

Control modification animations are now available for Android applications.

New in version 18

Control modification animations are now available for Android applications.

Versions 20 and later

Control modification animations are now available for iPhone/iPad applications.

New in version 20

Control modification animations are now available for iPhone/iPad applications.

How to proceed?

Configuring the animation of controls at project level

To configure the animation of controls:

Open the project description window: on the "Project" pane, in the "Project" group, click "Description".
In the "Advanced" tab, click "Animations of controls".
In the window that is displayed:
- Check "Enable the animation of controls on the project" so that the animation of controls is taken into account.
- For each type of control, define the default animation used for the different events linked to the control. The duration of the animation can be configured for each event ("Parameters" button). The duration of an animation should not exceed 1 second.
Validate.

Modifying the animation parameters for a specific control

By default, the animation of controls corresponds to the animation defined at project level. However, you have the ability to modify the animation for a window control.

To modify the animation of a control:

Open the description window of the control to modify ("Description" in the popup menu).
In the "Style" tab, choose the "Control animation" element.
For each event that can be animated, choose (if necessary) the animation to perform as well as its parameters. The option "Defined by the project" allows you to use the animation options defined in the project description.
Validate.

Configuring the animation of controls by programming

Animating a sequence of actions

You have the ability to animate a sequence of actions performed on the controls. The principle is as follows:

Using AnimationPrepare
Modifying the controls by programming (fill, move, change of plane, etc.). These modifications are not displayed. These modifications will be displayed when using AnimationPlay.
Using AnimationPlay. This function is used to switch from the "before modification" status to the "after modification" status by playing an animation.

Functions for managing the animation of controls

The functions are as follows:


Versions 14 and later AnimationEnabled New in version 14 AnimationEnabled AnimationEnabled	Enables or disables the animations in the controls.
Versions 14 and later AnimationMinFPS New in version 14 AnimationMinFPS AnimationMinFPS	Configures the minimum number of images per second in order for the animations (transition effects) to be enabled in the controls.
Versions 14 and later AnimationPlay New in version 14 AnimationPlay AnimationPlay	Plays an animation when a control, a group of controls or a window is modified.
Versions 14 and later AnimationPlayOnControlProperty New in version 14 AnimationPlayOnControlProperty AnimationPlayOnControlProperty	Animates the modification of an integer property between 2 values.
Versions 14 and later AnimationPrepare New in version 14 AnimationPrepare AnimationPrepare	Prepares the animation on a control, a group of controls or a window.

Several functions are used to play an animation when the status of a control (or group of controls) changes:


Versions 14 and later ControlEnabled New in version 14 ControlEnabled ControlEnabled	Ungrays a control or a group of controls found in a window. During this operation, an animation can be performed on the controls.
Versions 14 and later ControlGrayed New in version 14 ControlGrayed ControlGrayed	Grays a control or a group of controls. During this operation, an animation can be performed on the controls.
Versions 14 and later ControlInvisible New in version 14 ControlInvisible ControlInvisible	Makes a control (or a group of controls) invisible in a window. During this operation, an animation can be performed on the controls.
Versions 14 and later ControlVisible New in version 14 ControlVisible ControlVisible	Makes a control (or a group of controls) visible in a window. During this operation, an animation can be performed on the controls.

Remark

To avoid slowing down the window opening, the animations of controls as well as AnimationPrepare and AnimationPlay have no effect in the opening step of the window (which means during the initialization code of the window).