tornadofx-guide

9. Shapes and Animation
Interpolators
You can also specify an Interpolator which can add subtle effects to the animation. For
instance, you can specify Interpolator.EASE_BOTH to accelerate and decelerate the value
change at the beginning and end of the animation gracefully.
val rectangle = rectangle(width = 60.0, height = 40.0) {
}
padding = Insets(20.0)
timeline {
keyframe(5.seconds) {
keyvalue(rectangle.rotateProperty(), 180.0, interpolator = Interpolator.EASE_B
OTH)
}
}
Cycles and AutoReverse
You can modify other attributes of the timeline() such as cycleCount and autoReverse .
The cycleCount will repeat the animation a specified number of times, and setting the
isAutoReverse to true will cause it to revert back with each cycle.
timeline {
keyframe(5.seconds) {
keyvalue(rectangle.rotateProperty(), 180.0, interpolator = Interpolator.EASE_B
OTH)
}
isAutoReverse = true
cycleCount = 3
}
To repeat the animation indefinitely, set the cycleCount to Timeline.INDEFINITE .
Shorthand Animation
142