Package com.gluonhq.charm.glisten.animation

Class HingeTransition

java.lang.Object

javafx.animation.Animation

javafx.animation.Transition

com.gluonhq.charm.glisten.animation.CachedTimelineTransition

com.gluonhq.charm.glisten.animation.HingeTransition

public class HingeTransition
extends CachedTimelineTransition

Animate a hinge effect on a node Port of Hinge from Animate.css by Dan Eden

 @keyframes hinge {
        0% { 
             transform: rotate(0); 
             transform-origin: top left; 
             animation-timing-function: ease-in-out; 
         }      
        20%, 60% { 
             transform: rotate(80deg); 
             transform-origin: top left; 
             animation-timing-function: ease-in-out; 
         }      
        40% { 
             transform: rotate(60deg); 
             transform-origin: top left; 
             animation-timing-function: ease-in-out; 
         }      
        80% { 
             transform: rotate(60deg) 
             translateY(0); 
             opacity: 1; 
             transform-origin: top left; 
             animation-timing-function: ease-in-out; 
         }      
        100% { 
             transform: translateY(700px);
             opacity: 0; 
         }
 }
 

Since:

2.0.0

Property Summary

Properties inherited from class javafx.animation.Animation

autoReverse, currentRate, currentTime, cycleCount, cycleDuration, delay, onFinished, rate, status, totalDuration

Properties inherited from class javafx.animation.Transition

interpolator

Nested Class Summary

Nested classes/interfaces inherited from class javafx.animation.Animation

javafx.animation.Animation.Status

Field Summary

Fields inherited from class javafx.animation.Animation

INDEFINITE

Fields inherited from class com.gluonhq.charm.glisten.animation.CachedTimelineTransition

node, timeline, WEB_EASE

Constructor Summary

Constructors

Constructor	Description
HingeTransition(javafx.scene.Node node)	Create new HingeTransition
HingeTransition(javafx.scene.Node node, boolean opacityInterpolated)	Create new HingeTransition

Method Summary

Modifier and Type	Method	Description
protected void	starting()	Called when the animation is starting
protected void	stopping()	Called when the animation is stopping

Methods inherited from class javafx.animation.Animation

autoReverseProperty, currentRateProperty, currentTimeProperty, cycleCountProperty, cycleDurationProperty, delayProperty, getCuePoints, getCurrentRate, getCurrentTime, getCycleCount, getCycleDuration, getDelay, getOnFinished, getRate, getStatus, getTargetFramerate, getTotalDuration, isAutoReverse, jumpTo, jumpTo, onFinishedProperty, pause, play, playFrom, playFrom, playFromStart, rateProperty, setAutoReverse, setCycleCount, setCycleDuration, setDelay, setOnFinished, setRate, setStatus, statusProperty, stop, totalDurationProperty

Methods inherited from class com.gluonhq.charm.glisten.animation.CachedTimelineTransition

hideNode, interpolate, isOpacityInterpolated

Methods inherited from class java.lang.Object

clone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait

Methods inherited from class javafx.animation.Transition

getCachedInterpolator, getInterpolator, getParentTargetNode, interpolatorProperty, setInterpolator

Constructor Detail

HingeTransition

public HingeTransition(javafx.scene.Node node)

Create new HingeTransition

Parameters:

node - The node to affect

HingeTransition

public HingeTransition(javafx.scene.Node node,
                       boolean opacityInterpolated)

Create new HingeTransition

Parameters:

node - The node to affect

opacityInterpolated - When true opacity is interpolated during the transition

Method Detail

starting

protected void starting()

Description copied from class: CachedTimelineTransition

Called when the animation is starting

Overrides:

starting in class CachedTimelineTransition

stopping

protected void stopping()

Description copied from class: CachedTimelineTransition

Called when the animation is stopping

Overrides:

stopping in class CachedTimelineTransition