Skip to content

FR 4. Les animations

Jump to bottom
Gary Criblez edited this page May 15, 2020 · 6 revisions

Propriétés des animations

Voici l’ensemble des propriétés utilisées par les différentes fonctions membres d’animation :

Propriétés Types Descriptions
target String Nom de l’objet de formulaire 4D qui va être la cible de l’opération.
duration Longint Durée de l’opération. Valeur en millisecondes.
offset Longint Valeur exprimée en pixel avec un positionnement propre à chaque type d’animation.

Il est possible de passer la valeur -1 à un offset. L’offset prendra alors la valeur permettant de sortir l’objet de formulaire (target) de la fenêtre du formulaire en fonction de l’orientation.

Ce raccourci ne fonctionne que pour les animations prenant en compte l’offset et l’orientation.
delay Longint Délai d’attente avant le lancement de l'animation. Valeur en millisecondes. * 0 par défaut
frequency Longint Il définit le ratio de rétrécissement ou d’agrandissement.
factor Real It defines the ratio of shrinkage or enlargement.
orientation String Il définit l’orientation du déplacement. (up, down, left, right)
hideAtTheEnd Boolean Il définit si le target restera affiché ou pas à la fin de l’animation.
callback String Nom de la méthode a exécuté à la fin d’une animation. Disponible pour chaque animation
callbackParams Object On peut passer des paramètres au callback via un objet.

⚠️ Chaque animation dispose d’attributs qui lui sont propres (voir la liste ci-dessous). Associer un autre type d'attribut n’aura aucun effet. Par exemple : définir l’attribut factor à la fonction membre bounce, n’aura aucun effet sur cette animation !

Ces attributs sont bien sûr modifiables si vous le souhaitez. Par exemple pour changer l’offset de l’animation bounceInUp il vous suffira de définir l’offset désiré en écrivant le code suivant :

C_OBJECT($animation)
$animation:=New Animation 
$animation.target:="Rectangle"
$animation.offset:=80
$animation.bounceInUp()

Liste détaillée des animations et de leurs propriétés

backIn

  • target
  • duration (1000)
  • factor (1)
  • offset (200)
  • orientation (right)
  • hideAtTheEnd (False)

backOut

  • target
  • duration (1000)
  • factor (1)
  • offset (200)
  • orientation (right)
  • hideAtTheEnd (False)

backInOut

  • target
  • duration (1000)
  • factor (1)
  • offset (200)
  • orientation (right)
  • hideAtTheEnd (False)

bounce

  • target
  • duration (200)
  • offset (40)
  • orientation (none)
  • hideAtTheEnd (False)

bounceIn

  • target
  • duration (1000)
  • factor (1)
  • offset (300)
  • orientation (right)
  • hideAtTheEnd (False)

bounceOut

  • target
  • duration (1000)
  • factor (1)
  • offset (300)
  • orientation (right)
  • hideAtTheEnd (False)

bounceInOut

  • target
  • duration (1000)
  • factor (1)
  • offset (200)
  • orientation (right)
  • hideAtTheEnd (False)

circIn

  • target
  • duration (1000)
  • factor (1)
  • offset (500)
  • orientation (right)
  • hideAtTheEnd (False)

circOut

  • target
  • duration (1000)
  • factor (1)
  • offset (500)
  • orientation (right)
  • hideAtTheEnd (False)

circInOut

  • target
  • duration (1000)
  • factor (1)
  • offset (500)
  • orientation (right)
  • hideAtTheEnd (False)

cubicIn

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

cubicOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

cubicInOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

elastic

  • target
  • duration (1000)
  • factor (1)
  • offset (100)
  • orientation (right)
  • hideAtTheEnd (False)

elasticIn

  • target
  • duration (1000)
  • factor (1)
  • offset (100)
  • orientation (right)
  • hideAtTheEnd (False)

elasticOut

  • target
  • duration (1000)
  • factor (1)
  • offset (100)
  • orientation (right)
  • hideAtTheEnd (False)

elasticInOut

  • target
  • duration (1000)
  • factor (1)
  • offset (100)
  • orientation (right)
  • hideAtTheEnd (False)

expoIn

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

expoOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

expoInOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

flash

  • target
  • duration (1000)
  • frequency (10)
  • iterations (2)

heartbeat

  • target
  • duration (200)
  • iterations (3)
  • delay (500)
  • factor (1.2)

jump

  • target
  • duration (200)
  • iterations (4)
  • offset (30)
  • orientation (none)

pulse

  • target
  • duration (400)
  • iterations (3)
  • factor (1.2)

quadIn

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

quadOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

quadInOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

quartIn

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

quartOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

quartInOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

quintIn

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

quintOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

quintInOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

shakeNo

  • target
  • duration (100)
  • offset (50)
  • hideAtTheEnd (False)

shakeYes

  • target
  • duration (100)
  • offset (30)
  • hideAtTheEnd (False)

sineIn

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

sineOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

sineInOut

  • target
  • duration (2000)
  • factor (0.3)
  • offset (250)
  • orientation (right)
  • hideAtTheEnd (False)

slide

  • target
  • duration (1000)
  • offset (100)
  • orientation (none)
  • hideAtTheEnd (False)

slideIn

  • target
  • duration (1000)
  • offset (100)
  • orientation (none)
  • hideAtTheEnd (False)

slideOut

  • target
  • duration (1000)
  • offset (100)
  • orientation (none)
  • hideAtTheEnd (False)

swingFromTo

  • target
  • duration (2000)
  • factor (0.1)
  • offset (200)
  • orientation (none)
  • hideAtTheEnd (False)

swingFrom

  • target
  • duration (2000)
  • factor (0.1)
  • offset (200)
  • orientation (none)
  • hideAtTheEnd (False)

swingTo

  • target
  • duration (2000)
  • factor (0.1)
  • offset (200)
  • orientation (none)
  • hideAtTheEnd (False)

zoomIn

  • target
  • duration (1000)
  • factor (0.5)
  • offset (500)
  • orientation (none)
  • hideAtTheEnd (False)

zoomOut

  1. target
  2. duration (1000)
  3. factor (0.5)
  4. offset (100)
  5. orientation (none)

AJUI Animate 1.0.1 - Thursday, 02 July 2020

Home

User Manual 🇺🇸

Manuel d'utilisation 🇫🇷

Clone this wiki locally