Overview
This Transition
creates a path animation that spans its
duration. The translation along the path is done by updating
the translateX
and translateY
variables of the node
,
and the rotate
variable will get updated if orientation
is set to OrientationType.ORTHOGONAL_TO_TANGENT
, at regular interval.
The animated path is defined by the opaque geometric path created by either the AnimationPath#createFromPath (Desktop Profile only) or AnimationPath#createFromShape (Common Profile) functions.
Code Segment Example:
import javafx.scene.shape.*;
import javafx.animation.transition.*;
...
var node = Rectangle {
x: 100 y: 40
height: 100 width: 100
arcHeight: 50 arcWidth: 50
fill: Color.VIOLET
}
var path = Path {
elements: [
MoveTo { x: positionX y: positionY },
CubicCurveTo {
controlX1: 40 controlY1: 10
controlX2: 390 controlY2: 240
x: 190 y: 50
}
]
stroke:Color.WHITE
}
var pathTransition = PathTransition {
duration: 10s node: node
path: AnimationPath.createFromPath(path)
orientation: OrientationType.ORTHOGONAL_TO_TANGENT
repeatCount:4 autoReverse: true
}
pathTransition.play();
...
Profile: common
Variable Summary
access | name | type | Can Read | Can Init | Can Write | Default Value | description |
---|---|---|---|---|---|---|---|
public | orientation | OrientationType | NONE |
Specifies the upright orientation of Specifies the upright orientation of Profile: common |
|||
public | path | AnimationPath | null |
An opaque geometric path generated from either the |
Inherited Variables
javafx.animation.transition.Transition
access | name | type | Can Read | Can Init | Can Write | Default Value | description |
---|---|---|---|---|---|---|---|
public | action | function():Void | null |
The action to be executed at the end of this |
|||
public | autoReverse | Boolean | false |
Defines whether this Defines whether this Profile: common |
|||
public-read | currentRate | Number |
Defines the current direction/rate at which the transition is being played. Defines the current direction/rate at which the transition is being played.
Rate Profile: common |
||||
public | duration | Duration | 0 |
The length of this The length of this Profile: common |
|||
public | interpolate | Interpolator | EASEBOTH |
Controls the timing for acceleration and deceleration at each transition cycle. Controls the timing for acceleration and deceleration at each transition cycle. This may only be changed prior to starting the transition or after the transition has ended. Default interpolator is set to Interpolator#EASEBOTH. EASEBOTHProfile: common |
|||
public | node | Node | null |
The target node of this |
|||
protected | parent | Transition | subclass | subclass | subclass | null |
The parent of this The parent of this Profile: common |
public-read | paused | Boolean |
Read-only var that indicates whether this Read-only var that indicates whether this
This value is initially
Note that running will remain Profile: common |
||||
public | rate | Number | 1.0 |
Defines the direction/rate at which the transition is being played. Defines the direction/rate at which the transition is being played.
Rate Profile: common |
|||
public | repeatCount | Number | 1.0 |
Defines the number of cycles in this transition. Defines the number of cycles in this transition.
The Profile: common |
|||
public-read | running | Boolean |
Read-only var that indicates whether this Read-only var that indicates whether this
This value is initially
Note that Profile: common |
||||
public | time | Duration | 0 |
Defines the reference elapsed time offset within the Timeline. |
|||
protected | timeline | Timeline | subclass | subclass | subclass |
An internal Timeline that get created at the creation of this
|
|
protected | timelineDirty | Boolean | subclass | subclass | subclass | true |
A Boolean value to indicate, to the subclass, its internal
A Boolean value to indicate, to the subclass, its internal
Profile: common |
protected | UNDEFINED | Number | subclass |
A Number value which do not map to a valid value for use in animation of
A Number value which do not map to a valid value for use in animation of
|
Function Summary
- public play() : Void
-
Starts or resumes this
Transition
.Starts or resumes this
Transition
. It is a no-op if already running. See Timeline#play() for details.Profile: common
- public playFromStart() : Void
-
A convenient function.
A convenient function. It plays this
Transition
from initial position in forward direction. See Timeline#playFromStart() for details.Profile: common
Inherited Functions
javafx.animation.transition.Transition
- protected getTargetNode() : Node
- public pause() : Void
-
Pauses this
Transition
.Pauses this
Transition
. If the transition is not currently running, this method has no effect. See Timeline#pause() for details.Profile: common
- public play() : Void
-
Starts or resumes this
Transition
.Starts or resumes this
Transition
. It is a no-op if already running. See Timeline#play() for details.Profile: common
- public playFromStart() : Void
-
A convenient function.
A convenient function. It plays this
Transition
from initial position in forward direction. See Timeline#playFromStart() for details.Profile: common
- public stop() : Void
-
Stops this
Transition
and resets its playhead to initial position.Stops this
Transition
and resets its playhead to initial position. See Timeline#stop() for details.Profile: common