当前位置: 首页 > 文档资料 > JavaFX 中文教程 >

Cubic Curve

优质
小牛编辑
140浏览
2023-12-01

CubicCurve由两个变量的三次多项式函数描述,可以用以下形式编写 -

CubicCurve

这些贝塞尔曲线通常用于计算机图形学中。 它们是参数曲线,在所有尺度上看起来都相当平滑。 这些曲线基于XY平面上的点绘制。

三次曲线是XY平面中的Bezier参数曲线,是一个3级曲线。它使用四个点绘制 - Start Point, End Point, Control Point and Control Point2如下图所示。

Bezier曲线

在JavaFX中,CubicCurve由名为CubicCurve的类表示。 该类属于包javafx.scene.shape

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

这个类有两个数据类型的属性,即 -

  • startX - 曲线起点的x坐标。

  • startY - 曲线起点的y坐标。

  • controlX1 - 曲线的第一个控制点的x坐标。

  • controlY1 - controlY1的第一个控制点的y坐标。

  • controlX2 - 曲线第二个控制点的x坐标。

  • controlY2 - controlY2第二个控制点的y坐标。

  • endX - 曲线终点的x坐标。

  • endY - 曲线终点的y坐标。

要绘制三次曲线,您需要将值传递给这些属性,方法是在实例化时将它们以相同的顺序传递给此类的构造函数,如下所示 -

CubicCurve cubiccurve = new CubicCurve(
   startX, startY, controlX1, controlY1, controlX2, controlY2, endX, endY); 

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

setStartX(value); 
setStartY(value); 
setControlX1(value); 
setControlY1(value); 
setControlX2(value); 
setControlY2(value); 
setEndX(value); 
setEndY(value);

绘制CubicCurve的步骤

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

第1步:创建一个类

创建一个Java类并继承包javafx.applicationApplication类,并按如下方式实现此类的start()方法。

public class ClassName extends Application {  
   @Override     
   public void start(Stage primaryStage) throws Exception {      
   }    
} 

第2步:创建CubicCurve

您可以通过实例CubicCurveCubicCurve的类来在JavaFX中创建CubicCurve,该类属于包javafx.scene.shape 。 您可以按如下方式实例化此类。

//Creating an object of the class CubicCurve         
CubicCurve cubiccurve = new CubicCurve();

第3步:将属性设置为CubicCurve

使用各自的setter方法指定四个点的x,y坐标:所需曲线的start point, end point, control point1control point2 start point, end point, control point1如下面的代码块所示。

//Setting properties to cubic curve 
cubicCurve.setStartX(100.0f); 
cubicCurve.setStartY(150.0f); 
cubicCurve.setControlX1(400.0f); 
cubicCurve.setControlY1(40.0f); 
cubicCurve.setControlX2(175.0f); 
cubicCurve.setControlY2(250.0f); 
cubicCurve.setEndX(500.0f); 
cubicCurve.setEndY(150.0f);

第4步:创建组对象

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

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

Group root = new Group(cubiccurve);

第5步:创建场景对象

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

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

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

第6步:设置舞台的标题

您可以使用Stage类的setTitle()方法将标题设置为StageprimaryStage是一个Stage对象,它作为参数传递给场景类的start方法。

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

primaryStage.setTitle("Sample Application");

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

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

primaryStage.setScene(scene)

第8步:显示舞台的内容

使用Stage类的名为show()的方法show()场景的内容,如下所示。

第9步:启动应用程序

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

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

例子 (Example)

以下是使用JavaFX生成Bezier CubicCurve的程序。 将此代码保存在名为CubicCurveExample.java的文件中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.CubicCurve; 
public class CubicCurveExample extends Application {  
   @Override 
   public void start(Stage stage) { 
      //Drawing a cubic curve 
      CubicCurve cubicCurve = new CubicCurve(); 
      //Setting properties to cubic curve
      cubicCurve.setStartX(100.0f); 
      cubicCurve.setStartY(150.0f); 
      cubicCurve.setControlX1(400.0f); 
      cubicCurve.setControlY1(40.0f); 
      cubicCurve.setControlX2(175.0f); 
      cubicCurve.setControlY2(250.0f); 
      cubicCurve.setEndX(500.0f); 
      cubicCurve.setEndY(150.0f);      
      //Creating a Group object  
      Group root = new Group(cubicCurve); 
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      //Setting title to the Stage 
      stage.setTitle("Drawing a cubic 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文件。

javac CubicCurveExample.java 
java CubicCurveExample

在执行时,上述程序生成一个显示Bezier三次曲线的JavaFX窗口,如下所示。

绘制立方曲线