Animating an image

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

This content has been translated automatically. Click here to view the French version.

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Image control

Overview
Creating an image animated by WINDEV/WINDEV Mobile/WEBDEV
Using an animated image in a WINDEV/WINDEV Mobile application or in a WEBDEV website
Using an animated image in a WINDEV or WINDEV Mobile application
Programming an animated image

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Animating an image

Overview

WINDEV, WINDEV Mobile and WEBDEV allow you to handle several types of animated images:

The images animated by default. These images have an animated image format (animated GIF for example). These animated images are automatically managed. No specific configuration is required.
The images animated by WINDEV/WINDEV Mobile/WEBDEV. These images contain all animation drawings.

This help page explains how to handle the images animated by WINDEV, WINDEV Mobile and WEBDEV.

Creating an image animated by WINDEV/WINDEV Mobile/WEBDEV

To create an animated image:

Create an image file.
In this image file, insert the different animation drawings. These drawings can be organized in rows or in columns, or in a combination of rows and columns.

Please note: Each design must be the same size, and the space between each design must be identical.

Example:

Using an animated image in a WINDEV/WINDEV Mobile application or in a WEBDEV website

Using an animated image in a WINDEV or WINDEV Mobile application

To use a custom animated image in a WINDEV or WINDEV Mobile application:

Create an Image control.
Open the control description window ("Description" in the context menu of the Image control).
On the "General" tab, select the file containing the animated image.
On the "Details" tab, configure the animation options. Choose the type of animation and configure the associated options.

The options may differ according to the selected display mode.

The "one-way" and "alternate" options are used to configure the mode for reading the drawings of the image file. The images can be read from left to right and from top to bottom ("standard direction") or in the "reverse direction".

You can specify:

The display time for each drawing of the animation ("Duration/Image").
The number of drawings found in width and in height in the image file. Depending on the specified number, the image will be automatically divided into as many drawings as necessary.

The animation will be performed by displaying each drawing at regular time interval.

Programming an animated image

Several WLanguage functions are used to manage the animated images. These functions are as follows:


AnimationGetParameter	Reads the value of one of the animation parameters defined for an Image or Static Text control.
AnimationSetMode	Changes the type of animation: for an image in an Image control. for a text in a static text control.
AnimationSetParameter	Changes one of the animation parameters used for: an animated image (in an Image control), an animated text (in a Static Text control).

Several WLanguage properties are used to manage the animated images. These properties are as follows:


Animation	The Animation property animates an image.
InitialAnimation	The InitialAnimation property determines whether the animation of an Image, Button, Static or Carousel control is enabled when the control is created.

Related Examples:

Unit examples (WINDEV): The Image control (animations)

[ + ] Animating an image with WINDEV.
Two main topics are presented in this example:
1/ animated drawings ('image to animate')
2/ one-way and two-way animations.

This example presents some features proposed by WINDEV to animate images.
This list is not an exhaustive list ; indeed, by combining the different modes, the number of possible animations exceeds 2,000.
This example proposes animations without code as well as programmed animations.