Skip to content

FR 4. Les animations

Jump to bottom
Gary Criblez edited this page Jun 26, 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.
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 de propriétés qui lui sont propres (voir la liste ci-dessous). Associer un autre type de propriété n’aura aucun effet. Par exemple : définir la propriété factor à la fonction membre bounce, n’aura aucun effet sur cette animation !

Les valeurs associées à ces propriétés 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

  • target
  • duration: 1000
  • factor: 0.5
  • offset: 100
  • orientation: none

AJUI Animate 1.0.1 - Thursday, 02 July 2020

Home

User Manual 🇺🇸

Manuel d'utilisation 🇫🇷

Clone this wiki locally