ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

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 site
  • Using an animated image in a WEBDEV site
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
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.
WEBDEV - Server code Remark: WEBDEV also allows:
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:
  1. Create an image file.
  2. 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.
Caution: All the drawings must have the same size and the spacing between the drawings must be identical.
Example:
Using an animated image in a WINDEV/WINDEV Mobile application or in a WEBDEV site
WEBDEV - Server code

Using an animated image in a WEBDEV site

To use a custom animated image in a WEBDEV site:
  1. Create an Image control.
  2. Open the control description window ("Description" in the context menu of the Image control).
  3. In the "General" tab:
    • Select the file containing the animated image.
    • Check "The image is an animation sheet" and configure the animation options in the window that is opened.
      • 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".
      • The display duration of each animation drawing ("Duration between each image" option).
      • 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.
Related Examples:
The Image control (animations) 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.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 06/22/2023

Send a report | Local help