PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

  • Présentation
  • Fabriquer une image animée par WINDEV/WINDEV Mobile/WEBDEV
  • Utiliser une image animée dans une application WINDEV/WINDEV Mobile ou un site WEBDEV
  • Utiliser une image animée dans un site WEBDEV
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
WINDEV, WINDEV Mobile et WEBDEV permettent de manipuler plusieurs types d'images animées :
  • Les images animées par défaut. Ces images ont un format d'images animées (GIF animé par exemple). La gestion de ces images animées est automatique. Aucune configuration spécifique n'est nécessaire.
  • Les images animées par WINDEV/WINDEV Mobile/WEBDEV. Ces images contiennent tous les dessins de l'animation.
WEBDEV - Code Serveur Remarque : WEBDEV permet également :
Cette page d'aide présente comment manipuler les images animées par WINDEV, WINDEV Mobile et WEBDEV.
Versions 23 et supérieures
WEBDEV - Code ServeurLinuxPHP Cette fonctionnalité est désormais disponible pour les sites WEBDEV.
Nouveauté 23
WEBDEV - Code ServeurLinuxPHP Cette fonctionnalité est désormais disponible pour les sites WEBDEV.
WEBDEV - Code ServeurLinuxPHP Cette fonctionnalité est désormais disponible pour les sites WEBDEV.
Fabriquer une image animée par WINDEV/WINDEV Mobile/WEBDEV
Pour construire une image animée :
  1. Créez un fichier image.
  2. Dans ce fichier image, insérez les différents dessins composant l'animation. Ces dessins peuvent être aussi bien présentés en ligne ou en colonne, ou une combinaison de lignes et de colonnes.
Attention : Chaque dessin doit avoir la même taille et l'espace entre chaque dessin doit être identique.
Exemple :
Utiliser une image animée dans une application WINDEV/WINDEV Mobile ou un site WEBDEV
Versions 23 et supérieures
WEBDEV - Code Serveur

Utiliser une image animée dans un site WEBDEV

Pour utiliser une image animée personnalisée dans un site WEBDEV :
  1. Créez un champ Image.
  2. Affichez la fenêtre de description du champ (option "Description" du menu contextuel du champ Image).
  3. Dans l'onglet "Général" :
    • Sélectionnez le fichier contenant l'image animée.
    • Cochez l'option "L'image est une planche d'animation" et dans la fenêtre qui s'ouvre, paramétrez les options d'animation.
      • Les options "en boucle" ou "aller-retour" permettent de paramétrer le mode de lecture des dessins du fichier image. Il est possible de lire les images de gauche à droite et de bas en haut ("sens normal") ou dans le "sens inverse".
      • Le temps d'affichage de chaque dessin de l'animation (option "Durée entre chaque image").
      • Le nombre de dessins présents dans la largeur et la hauteur du fichier image. En fonction du nombre indiqué, l'image sera automatiquement découpée en autant de dessins que nécessaire.
L'animation sera réalisée en affichant chaque dessin à intervalle de temps régulier.
Nouveauté 23
WEBDEV - Code Serveur

Utiliser une image animée dans un site WEBDEV

Pour utiliser une image animée personnalisée dans un site WEBDEV :
  1. Créez un champ Image.
  2. Affichez la fenêtre de description du champ (option "Description" du menu contextuel du champ Image).
  3. Dans l'onglet "Général" :
    • Sélectionnez le fichier contenant l'image animée.
    • Cochez l'option "L'image est une planche d'animation" et dans la fenêtre qui s'ouvre, paramétrez les options d'animation.
      • Les options "en boucle" ou "aller-retour" permettent de paramétrer le mode de lecture des dessins du fichier image. Il est possible de lire les images de gauche à droite et de bas en haut ("sens normal") ou dans le "sens inverse".
      • Le temps d'affichage de chaque dessin de l'animation (option "Durée entre chaque image").
      • Le nombre de dessins présents dans la largeur et la hauteur du fichier image. En fonction du nombre indiqué, l'image sera automatiquement découpée en autant de dessins que nécessaire.
L'animation sera réalisée en affichant chaque dessin à intervalle de temps régulier.
WEBDEV - Code Serveur

Utiliser une image animée dans un site WEBDEV

Pour utiliser une image animée personnalisée dans un site WEBDEV :
  1. Créez un champ Image.
  2. Affichez la fenêtre de description du champ (option "Description" du menu contextuel du champ Image).
  3. Dans l'onglet "Général" :
    • Sélectionnez le fichier contenant l'image animée.
    • Cochez l'option "L'image est une planche d'animation" et dans la fenêtre qui s'ouvre, paramétrez les options d'animation.
      • Les options "en boucle" ou "aller-retour" permettent de paramétrer le mode de lecture des dessins du fichier image. Il est possible de lire les images de gauche à droite et de bas en haut ("sens normal") ou dans le "sens inverse".
      • Le temps d'affichage de chaque dessin de l'animation (option "Durée entre chaque image").
      • Le nombre de dessins présents dans la largeur et la hauteur du fichier image. En fonction du nombre indiqué, l'image sera automatiquement découpée en autant de dessins que nécessaire.
L'animation sera réalisée en affichant chaque dessin à intervalle de temps régulier.
Liste des exemples associés :
Le champ Image (animations) Exemples unitaires (WINDEV) : Le champ Image (animations)
[ + ] Animation d'une image avec WINDEV.

Dans cet exemple, nous abordons les deux principaux thèmes suivants :
1/ les animations de type "dessin animé"  (image à animer)
2/ les animations de type "zoom en boucle" (défilement).

Résumé de l'exemple livré avec WINDEV :
Cet exemple montre un certain nombre de possibilités offertes par WINDEV pour animer des images.
Cette liste est loin d'être exhaustive car en combinant les différents modes, le nombre d'animations possibles est supérieur à 2.000.
Cet exemple propose des animations sans aucun code et des animations programmées.
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire