package src.com.fxexperience.javafx.animation;
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.TimelineBuilder;
import javafx.scene.Node;
import javafx.util.Duration;
/**
* Animate a bounce out down big effect on a node
*
* Port of BounceOutDownBig from Animate.css http://daneden.me/animate by Dan
* Eden
*
* {@literal @}keyframes bounceOutDown { 0% { transform: translateY(0); } 20% {
* opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform:
* translateY(2000px); } }
*
* @author Jasper Potts
*/
public class BounceOutDownTransition extends CachedTimelineTransition {
/**
* Create new BounceOutDownTransition
*
* @param node
* The node to affect
*/
public BounceOutDownTransition(final Node node) {
super(node, null);
setCycleDuration(Duration.seconds(1));
setDelay(Duration.seconds(0.2));
}
@Override
protected void starting() {
double endY = node.getScene().getHeight()
- node.localToScene(0, 0).getY();
timeline = TimelineBuilder
.create()
.keyFrames(
new KeyFrame(Duration.millis(0), new KeyValue(
node.translateYProperty(), 0, WEB_EASE)),
new KeyFrame(Duration.millis(200), new KeyValue(node
.opacityProperty(), 1, WEB_EASE), new KeyValue(
node.translateYProperty(), -20, WEB_EASE)),
new KeyFrame(Duration.millis(1000), new KeyValue(node
.opacityProperty(), 0, WEB_EASE), new KeyValue(
node.translateYProperty(), endY, WEB_EASE)))
.build();
super.starting();
}
@Override
protected void stopping() {
super.stopping();
node.setTranslateY(0); // restore default
}
}