Transiciones javafx

Transiciones en JavaFX

JavaFX nos brinda la posibilidad de agregar efectos a nuestros objetos, controles, nodos, imágenes, figuras, formas, entre otros, de una manera más sencilla.  Esto esposible gracias a las animaciones de la clase Transitions, contenida en el paquete javafx.animation.transition.Transition de JavaFX.  Esta clase nos ofrece un framework para incorporar diversastransiciones; que a la vez nos permitirá componer los efectos de éstas de forma paralela o secuencial.
En esta clase, encontramos diferentes tipos de transiciones como Fade (desvanecergradualmente), Rotate (rotar),Translate (trasladar) , Scale (agrandar), Pause, Parallel, Sequential y Path.
Cualquiera de estos tipos lo puedes agregar, arrastrándolo desde tu paleta de opciones JavaFX.

Fade TransitionEsta transición crea un efecto de desvanecimiento del objeto.  Para ello, cuenta con atributos principales comoduration, que especifica el tiempo en que se extenderá la transición; fromValue & toValue,los cuales indican el comienzo y final de opacidad de la imagen, respectivamente; autoreverse, valor booleano que especifica si la transición invierte su dirección en cada ciclo alterno; repeatCount,número que indica la cantidad de repeticiones de la transición; y node, el cual especifica el nodo destino de la transición.
A continuación, te mostramos el código necesario para agregar este efecto.?
1
2
3
4
5
6
FadeTransition {
    duration: 2s
    node: nodo
    fromValue: 1.0 toValue: 0.1
    repeatCount:4 autoReverse: true
}.play();
Como observamos, invocamos a lafunción play() para que la transición se pueda ejecutar. También, se puede llamar a otras funciones como playFromStart(), paused(), entre otras. Además, en el atributo node, se le asocia una variable nodo, la cualpuede ser una figura como por ejemplo:
?
1
2
3
4
5
6
var nodo = Rectangle {
        x: 100 y: 100
        height: 100 width:  100
        arcHeight: 20 arcWidth: 20
        fill:...