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

JavaFX 2D Shapes CubicCurveTo形状路径元素立方曲线

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

路径元素三次曲线用于将三次曲线绘制到当前位置的指定坐标中的点。

它由名为CubicCurveTo的类表示。该类属于包javafx.scene.shape

该类有双数据类型的6个属性,即 -

  • setX - 从当前位置绘制曲线的点的x坐标。
  • setX - 从当前位置绘制曲线的点的y坐标。
  • controlX1 - 曲线第一个控制点的x坐标。
  • controlY1 - 曲线第一个控制点的y坐标。
  • controlX2 - 2的x坐标第二曲线的控制点。
  • controlY2 -的y 2的坐标次曲线的控制点。

要绘制三次曲线,您需要将值传递给这些属性。这可以通过将它们传递给该类的构造函数来完成。这些应该与实例化时的顺序相同,如下所示 -

1
2
CubicCurveTo cubiccurve = new CubicCurveTo(
X, Y, controlX1, controlY1, controlX2, controlY2);

或者,通过使用各自的setter方法,如下所示 -

1
2
3
4
5
6
setX(value); 
setY(value);
setControlX1(value);
setControlY1(value);
setControlX2(value);
setControlY2(value);

绘制PathElement立方曲线的步骤

要从JavaFX中的当前位置绘制三次曲线到指定点,请按照下面给出的步骤操作。

第1步:创建一个类

创建Java类并继承包javafx.applicationApplication类。然后,您可以实现此类的start()方法,如下所示。

1
2
3
4
5
public class ClassName extends Application { 
@Override
public void start(Stage primaryStage) throws Exception {
}
}

第2步:创建路径类对象

创建Path类对象,如以下代码块所示。

1
2
//Creating a Path object 
Path path = new Path();

第3步:创建路径

创建MoveTo路径元素并将XY坐标设置为线的起点到坐标(100,150)。这可以使用MoveTo类的setX()setY()方法完成,如下所示。

1
2
3
4
//Moving to the starting point 
MoveTo moveTo = new MoveTo();
moveTo.setX(100.0f);
moveTo.setY(150.0f);

第4步:创建类CubicCurveTo的对象

通过实例化名为CubicCurveTo的类创建路径元素二次曲线,该类属于包javafx.scene.shape,如下所示 -

1
2
//Creating an object of the class CubicCurveTo 
CubicCurveTo cubicCurveTo= new CubicCurveTo ();

步骤5:将属性设置为三次曲线元素

指定从当前位置绘制三次曲线的点的坐标。然后你应该通过setter方法设置属性x,y,controlX1,controlY1,controlX2,controlY2和控制点的坐标,如下所示。

1
2
3
4
5
6
7
//Setting properties of the class CubicCurve            
cubicCurveTo.setControlX1(400.0f);
cubicCurveTo.setControlY1(40.0f);
cubicCurveTo.setControlX2(175.0f);
cubicCurveTo.setControlY2(250.0f);
cubicCurveTo.setX(500.0f);
cubicCurveTo.setY(150.0f);

第6步:将元素添加到Path类的Observable列表中

将前面步骤中创建的路径元素→ MoveToCubicCurveTo添加到Path类的可观察列表中,如下所示 -

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

第7步:创建组对象

通过实例化名Group的类来创建组对象,该类属于包javafx.scene

将上一步中创建的Line(节点)对象作为参数传递给Group类的构造函数。这样做可以将其添加到组中,如下所示 -

1
Group root = new Group(line);

第8步:创建场景对象

通过实例化属于包javafx.scene的名为Scene的类来创建场景。在此类中,传递上一步中创建的Group对象(root)

除了根对象之外,您还可以传递两个表示屏幕高度和宽度的双参数以及Group类的对象,如下所示 -

1
Scene scene = new Scene(group ,600, 300);

第9步:设置舞台的标题

您可以使用Stage类的setTitle()方法将标题设置为舞台。所述primaryStage是被传递给场景类作为参数的开始方法Stage对象。

使用primaryStage对象,将场景标题设置为Sample Application,如下所示。

1
primaryStage.setTitle("Sample Application");

第10步:向舞台添加场景

您可以使用名为Stage的类的方法setScene()将Scene对象添加到舞台。使用此方法添加前面步骤中准备的Scene对象,如下所示 -

1
primaryStage.setScene(scene);

步骤11:显示舞台的内容

显示场景的使用命名的方法的内容显示()的的阶段类,如下所示。

1
primaryStage.show();

第12步:启动应用程序

通过从main方法调用Application类的静态方法launch()来启动JavaFX应用程序,如下所示。

1
2
3
public static void main(String args[]){   
launch(args);
}

以下是使用名为Path of JavaFX 的类从当前点到指定位置绘制三次曲线的程序。将此代码保存在名为CubicCurveToExample.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
import javafx.application.Application; 
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.shape.CubicCurveTo;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;

public class CubicCurveToExample extends Application {
@Override
public void start(Stage stage) {
//Creating an object of the class named Path
Path path = new Path();

//Moving to the starting point
MoveTo moveTo = new MoveTo();
moveTo.setX(100.0);
moveTo.setY(150.0);

//Instantiating the class CubicCurve
CubicCurveTo cubicCurveTo = new CubicCurveTo();

//Setting properties of the class CubicCurve
cubicCurveTo.setControlX1(400.0f);
cubicCurveTo.setControlY1(40.0f);
cubicCurveTo.setControlX2(175.0f);
cubicCurveTo.setControlY2(250.0f);
cubicCurveTo.setX(500.0f);
cubicCurveTo.setY(150.0f);

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

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

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

//Setting title to the Stage
stage.setTitle("Drawing a cubic through a specified path");

//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 CubicCurveToExample.java 
java CubicCurveToExample

在执行时,上述程序生成显示Cubic曲线的JavaFX窗口。这是从当前位置绘制到指定点,如下所示。