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

JavaFX 2D Shapes QuadCurve形状四次曲线

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

在数学上,二次曲线是由二次函数描述的曲线,如-y = ax2 + bx + c。

在计算机图形学中使用贝塞尔曲线。这些参数曲线在所有尺度上都显得相当平滑。这些贝塞尔曲线基于XY平面上的点绘制。

二次曲线是XY平面中的Bezier参数曲线,它是2阶曲线。它使用三个点绘制:起点,终点控制点,如下图所示

在JavaFX中,四次曲线由名为QuadCurve的类表示。该类属于包javafx.scene.shape

通过实例化此类,您可以在JavaFX中创建QuadCurve节点。

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

  • startX - 曲线起点的x坐标。
  • startY - 曲线起点的y坐标。
  • controlX - 曲线控制点的x坐标。
  • controlY - 曲线控制点的y坐标。
  • endX - 曲线终点的x坐标。
  • endY - 曲线终点的y坐标。

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

1
QuadCurve quadcurve = new QuadCurve(startX, startY, controlX, controlY, endX, endY);

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

1
2
3
4
5
6
setStartX(value); 
setStartY(value);
setControlX(value);
setControlY(value);
setEndX(value);
setEndY(value);

绘制四次曲线的步骤

要在JavaFX中绘制Bezier四边形曲线,请按照下面给出的步骤操作。

第1步:创建一个类

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

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

第2步:创建四次曲线

您可以通过实例化名QuadCurve的类来在JavaFX中创建四次曲线,该类属于包javafx.scene.shape。然后,您可以实例化此类,如以下代码块所示。

1
2
//Creating an object of the class QuadCurve 
QuadCurve quadcurve = new QuadCurve();

第3步:设置QuadCurve的属性

使用各自的setter方法指定所需曲线的三个点的x,y坐标:起点,终点和控制点,如下面的代码块所示。

1
2
3
4
5
6
7
//Adding properties to the Quad Curve 
quadCurve.setStartX(100.0);
quadCurve.setStartY(220.0f);
quadCurve.setEndX(500.0f);
quadCurve.setEndY(220.0f);
quadCurve.setControlX(250.0f);
quadCurve.setControlY(0.0f);

第4步:创建组对象

start()方法中,通过实例化名Group的类来创建组对象,该类属于包javafx.scene

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

1
Group root = new Group(quadcurve);

第5步:创建场景对象

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

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

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

第6步:设置舞台的标题

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

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

1
primaryStage.setTitle("Sample Application");

第7步:将场景添加到舞台

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

1
primaryStage.setScene(scene);

第8步:显示舞台的内容

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

1
primaryStage.show();

第9步:启动应用程序

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

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

以下是使用JavaFX生成四边形曲线的程序。将此代码保存在名为QuadCurveExample.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
import javafx.application.Application; 
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.shape.QuadCurve;

public class QuadCurveExample extends Application {
@Override
public void start(Stage stage) {
//Creating a QuadCurve
QuadCurve quadCurve = new QuadCurve();

//Adding properties to the Quad Curve
quadCurve.setStartX(100.0);
quadCurve.setStartY(220.0f);
quadCurve.setEndX(500.0f);
quadCurve.setEndY(220.0f);
quadCurve.setControlX(250.0f);
quadCurve.setControlY(0.0f);

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

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

//Setting title to the Stage
stage.setTitle("Drawing a Quad curve");

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

执行时,上述程序生成一个显示Bezier四边形曲线的JavaFX窗口,如下面的屏幕截图所示。