Skip to content

4. Animations

Gary Criblez edited this page May 15, 2020 · 9 revisions

Animation properties

Here is the set of properties used by the different animation member functions :

Properties Types Descriptions
target String Name of the 4D form object that will be the target of the operation.
duration Longint Duration of the operation. Value in milliseconds.
offset Longint Value expressed in pixels with a positioning specific to each type of animation.

It is possible to pass the value -1 to an offset. The offset will then take the value allowing the form object (target) to be taken out of the form window according to the orientation.

This shortcut only works for animations which take into account the offset and the orientation.
delay Longint Delay between each sequence of the animation. Value in milliseconds. * 0 by default
frequency Longint Number of times the animation is refreshed per second.
factor Real It defines the ratio of shrinkage or enlargement.
orientation String It defines the orientation of the movement. (up, down, left, right)
hideAtTheEnd Boolean It defines if the target will remain displayed or not at the end of the animation.
callback String Name of the method to be executed at the end of an animation. Available for each animation
callbackParams Object You can pass parameters to the callback by an object.

⚠️ Each animation has its own attributes. Associating another type of attribute will have no effect. For example: defining the factor attribute to the bounce member function will have no effect on this animation!

These attributes are of course can be modified if you wish. For example, to change the offset of the bounceInUp animation you just have to define the desired offset writing the following code:

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

Detailed list of animations and their properties

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)