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 point1control 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 窗口,显示如下所示的贝塞尔三次曲线。
    绘制三次曲线