多读书多实践,勤思考善领悟

JavaFX Path Transition(路径转换)

本文于1804天之前发表,文中内容可能已经过时。

例1

以下是演示JavaFX中的路径转换的程序。将此代码保存在名为PathTransitionExample.java的文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
import javafx.animation.PathTransition; 
import javafx.application.Application;
import static javafx.application.Application.launch;

import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;

import javafx.scene.shape.Circle;
import javafx.scene.shape.CubicCurveTo;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;

import javafx.stage.Stage;
import javafx.util.Duration;

public class PathTransitionExample extends Application {
@Override
public void start(Stage stage) {
//Drawing a Circle
Circle circle = new Circle();

//Setting the position of the circle
circle.setCenterX(300.0f);
circle.setCenterY(135.0f);

//Setting the radius of the circle
circle.setRadius(25.0f);

//Setting the color of the circle
circle.setFill(Color.BROWN);

//Setting the stroke width of the circle
circle.setStrokeWidth(20);

//Instantiating the path class
Path path = new Path();

//Creating the MoveTo path element
MoveTo moveTo = new MoveTo(100, 150);

//Creating the Cubic curve path element
CubicCurveTo cubicCurveTo = new CubicCurveTo(400, 40, 175, 250, 500, 150);

//Adding the path elements to Observable list of the Path class
path.getElements().add(moveTo);
path.getElements().add(cubicCurveTo);

//Creating a path transition
PathTransition pathTransition = new PathTransition();

//Setting the duration of the path transition
pathTransition.setDuration(Duration.millis(1000));

//Setting the node for the transition
pathTransition.setNode(circle);

//Setting the path
pathTransition.setPath(path);

//Setting the orientation of the path
pathTransition.setOrientation(PathTransition.OrientationType.
ORTHOGONAL_TO_TAN GENT);

//Setting the cycle count for the transition
pathTransition.setCycleCount(50);

//Setting auto reverse value to false
pathTransition.setAutoReverse(false);

//Playing the animation
pathTransition.play();

//Creating a Group object
Group root = new Group(circle);

//Creating a scene object
Scene scene = new Scene(root, 600, 300);

//Setting title to the Stage
stage.setTitle("Path transition example");

//Adding scene to the stage
stage.setScene(scene);

//Displaying the contents of the stage
stage.show();
}
public static void main(String args[]){
launch(args);
}
}

使用以下命令从命令提示符编译并执行保存的java文件。

1
2
javac PathTransitionExample.java 
java PathTransitionExample

执行时,上面的程序生成一个JavaFX窗口,如下所示。

例2

以下是沿复杂路径转换圆的示例。将此代码保存在名为PathTransitionExample2.java的文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import javafx.animation.PathTransition; 
import javafx.application.Application;

import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;

import javafx.scene.shape.Circle;
import javafx.scene.shape.LineTo;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;

import javafx.stage.Stage;
import javafx.util.Duration;

public class PathTransitionExample2 extends Application {
@Override
public void start(Stage stage) {
//Drawing a Circle
Circle circle = new Circle();

//Setting the position of the circle
circle.setCenterX(300.0f);
circle.setCenterY(135.0f);

//Setting the radius of the circle
circle.setRadius(25.0f);

//Setting the color of the circle
circle.setFill(Color.BROWN);

//Setting the stroke width of the circle
circle.setStrokeWidth(20);

//Creating a Path
Path path = new Path();

//Moving to the starting point
MoveTo moveTo = new MoveTo(108, 71);

//Creating 1st line
LineTo line1 = new LineTo(321, 161);

//Creating 2nd line
LineTo line2 = new LineTo(126,232);

//Creating 3rd line
LineTo line3 = new LineTo(232,52);

//Creating 4th line
LineTo line4 = new LineTo(269, 250);

//Creating 5th line
LineTo line5 = new LineTo(108, 71);

//Adding all the elements to the path
path.getElements().add(moveTo);
path.getElements().addAll(line1, line2, line3, line4, line5);

//Creating the path transition
PathTransition pathTransition = new PathTransition();

//Setting the duration of the transition
pathTransition.setDuration(Duration.millis(1000));

//Setting the node for the transition
pathTransition.setNode(circle);

//Setting the path for the transition
pathTransition.setPath(path);

//Setting the orientation of the path
pathTransition.setOrientation(
PathTransition.OrientationType.ORTHOGONAL_TO_TAN GENT);

//Setting the cycle count for the transition
pathTransition.setCycleCount(50);

//Setting auto reverse value to true
pathTransition.setAutoReverse(false);

//Playing the animation
pathTransition.play();

//Creating a Group object
Group root = new Group(circle);

//Creating a scene object
Scene scene = new Scene(root, 600, 300);

//Setting title to the Stage
stage.setTitle("Path transition example");

//Adding scene to the stage
stage.setScene(scene);

//Displaying the contents of the stage
stage.show();
}
public static void main(String args[]){
launch(args);
}
}

使用以下命令从命令提示符编译并执行保存的java文件。

1
2
javac PathTransitionExample2.java 
java PathTransitionExample2

执行时,上面的程序生成一个JavaFX窗口,如下所示。