上一节:
下一节:

  JavaFX - 2D 形状 CubicCurve

  • 简述

    CubicCurve 由两个变量的三次多项式函数描述，可以写成以下形式 -
    三次曲线
    这些贝塞尔曲线通常用于计算机图形中。它们是参数曲线，在所有尺度上都显得相当平滑。这些曲线是基于 XY 平面上的点绘制的。
    三次曲线是 XY 平面中的贝塞尔参数曲线是 3 阶曲线。它是使用四个点绘制的 - Start Point, End Point, Control Point and Control Point2 如下图所示。
    贝塞尔曲线
    在 JavaFX 中，CubicCurve 由名为的类表示 CubicCurve. 这个类属于包javafx.scene.shape.
    通过实例化此类，您可以在 JavaFX 中创建 CubicCurve 节点。
    此类具有双数据类型的 8 个属性，即 -
    • startX − 曲线起点的 x 坐标。
    • startY − 曲线起点的 y 坐标。
    • controlX1 − 曲线第一个控制点的 x 坐标。
    • controlY1 − 曲线第一个控制点的 y 坐标。
    • controlX2 − 曲线第二个控制点的 x 坐标。
    • 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);

  • 绘制三次曲线的步骤

    要在 JavaFX 中绘制贝塞尔三次曲线，请按照以下步骤操作。

    第 1 步：创建一个类

    创建一个Java类并继承 Application 包的类别 javafx.application 并实施 start() 这个类的方法如下。 
    
public class ClassName extends Application {  
   @Override     
   public void start(Stage primaryStage) throws Exception {      
   }    
}

    第 2 步：创建 CubicCurve

    您可以通过实例化名为的类在 JavaFX 中创建 CubicCurve CubicCurve 属于一个包 javafx.scene.shape. 您可以按如下方式实例化此类。 
    
//Creating an object of the class CubicCurve         
CubicCurve cubiccurve = new CubicCurve();

    步骤 3：设置 CubicCurve 的属性

    指定四个点的 x、y 坐标： start point, end point, control point1 和 control point2 所需曲线，使用各自的设置方法，如下面的代码块所示。 
    
//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() 方法，通过实例化名为的类创建一个组对象 Group，属于包 javafx.scene.
    将在上一步中创建的 CubicCurve（节点）对象作为参数传递给 Group 类的构造函数，以便将其添加到组中，如下所示 - 
    
Group root = new Group(cubiccurve);

    步骤 5：创建场景对象

    通过实例化名为的类来创建场景 Scene 属于包 javafx.scene. 向此类传递 Group 对象(root) 在上一步中创建。
    除了根对象，您还可以传递两个表示屏幕高度和宽度的双参数以及 Group 类的对象，如下所示。 
    
Scene scene = new Scene(group ,600, 300);

    第 6 步：设置舞台的标题

    您可以使用 setTitle() 的方法 Stage班级。这primaryStage 是一个 Stage 对象，它作为参数传递给场景类的 start 方法。
    使用 primaryStage 对象，将场景的标题设置为 Sample Application 如下。 
    
primaryStage.setTitle("Sample Application");

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

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

    步骤 8：显示舞台内容

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

    第 9 步：启动应用程序

    通过调用静态方法启动 JavaFX 应用程序 launch() 的 Application 类从主要方法如下。 
    
public static void main(String args[]){   
   launch(args);      
}

    例子

    以下是使用 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
    执行时，上述程序会生成一个 JavaFX 窗口，显示如下所示的贝塞尔三次曲线。
    绘制三次曲线
上一节:
下一节: